/* ===============================================================
                    
                            variables

================================================================== */
/* ===============================================================
                    
                            Mixins poppins

================================================================== */
/* ===============================================================
                    
                    Functions
                    
================================================================== */
/* ===============================================================
                    
                    typography poppins

================================================================== */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,900&display=swap");
@font-face {
  font-family: Poppins-ExtraLightItalic;
  src: url("../../assets/fonts/Poppins-ExtraLightItalic.ttf");
}

@font-face {
  font-family: Poppins-LightItalic;
  src: url("../../assets/fonts/Poppins-LightItalic.ttf");
}

@font-face {
  font-family: Poppins-Italic;
  src: url("../../assets/fonts/Poppins-Italic.ttf");
}

@font-face {
  font-family: Poppins-MediumItalic;
  src: url("../../assets/fonts/Poppins-MediumItalic.ttf");
}

@font-face {
  font-family: Poppins-Light;
  src: url("../../assets/fonts/Poppins-Light.ttf");
}

@font-face {
  font-family: Poppins-Regular;
  src: url("../../assets/fonts/Poppins-Regular.ttf");
}

@font-face {
  font-family: Poppins-Medium;
  src: url("../../assets/fonts/Poppins-Medium.ttf");
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url("../../assets/fonts/Poppins-SemiBold.ttf");
}

@font-face {
  font-family: Poppins-Bold;
  src: url("../../assets/fonts/Poppins-Bold.ttf");
}

@font-face {
  font-family: Poppins-Black;
  src: url("../../assets/fonts/Poppins-Black.ttf");
}

@font-face {
  font-family: Poppins-ExtraBold;
  src: url("../../assets/fonts/Poppins-ExtraBold.ttf");
}

@font-face {
  font-family: Poppins-ExtraBoldItalic;
  src: url("../../assets/fonts/Poppins-ExtraBoldItalic.ttf");
}

/* ===============================================================
                    
                    typography worksans

================================================================== */
@font-face {
  font-family: WorkSans-Medium;
  src: url("../../assets/fonts/WorkSans/WorkSans-Medium.ttf");
}

/* ===============================================================
                    
                    typography roboto

================================================================== */
@font-face {
  font-family: Roboto-Medium;
  src: url("../../assets/fonts/Roboto/Roboto-Medium.ttf");
}

/* ===============================================================
                    
                    typography opensans

================================================================== */
@font-face {
  font-family: OpenSans-Bold;
  src: url("../../assets/fonts/OpenSans/OpenSans-Bold.ttf");
}

/*=======================
 desktop components css
 =======================*/
@media screen and (min-width: 768px) {
  /* ===============================================================
                    
                    Global reset and css

================================================================== */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
  }
  a,
  a:hover {
    text-decoration: inherit !important;
    color: inherit !important;
  }
  button:focus,
  input:focus,
  textarea:focus {
    outline: 0 !important;
  }
  .outline-0 {
    outline: 0;
  }
  .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    display: none;
  }
  html {
    width: 100% !important;
  }
  html,
  body {
    overflow-x: hidden !important;
    font-size: 0.83333vw !important;
    color: #303030 !important;
    font-family: Poppins-Regular, sans-serif !important;
  }
  body {
    min-height: 100vh;
  }
  /* autocomplete chrome */
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus {
    border: 1px solid inherit;
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 52.08333vw transparent inset;
    -webkit-transition: background-color 0.5s ease-in-out 0s;
    transition: background-color 0.5s ease-in-out 0s;
  }
  *::-webkit-scrollbar {
    height: 0.57292vw;
    width: 0.57292vw;
  }
  *::-webkit-scrollbar-track,
  *::-ms-scrollbar-track-color {
    background: #d9d1f9;
    -webkit-box-shadow: 0 0 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 0.3125vw rgba(128, 128, 128, 0.16);
    border-radius: 1.82292vw;
    margin: 0.52083vw;
  }
  *::-webkit-scrollbar-thumb {
    border-radius: 1.5625vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  *::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  body::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  *::-webkit-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *:-ms-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *::-ms-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *::placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /*===========================
  Functional components css 
=============================*/
  .alphabates-filter-container {
    padding-left: 7.34375vw;
    padding-right: 7.34375vw;
  }
  .alphabates-filter-container .filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .alphabates-filter-container .filter-container .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .alphabates-filter-container .filter-container .add-form-btn {
    background: #453890;
    border-radius: 1.97917vw;
    width: 11.35417vw;
    font-size: 1.09375vw;
    height: 2.8125vw;
    text-align: center;
    color: white;
    border-collapse: collapse;
    border: none;
    margin-left: 2.08333vw;
  }
  .alphabates-filter-container .alphabates-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1.40625vw;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    width: 100%;
  }
  .edit-img,
  .edit-img-employee,
  .edit-img-customer,
  .edit-img-employee-column {
    cursor: pointer;
  }
  .opacity-0 {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  /*=====================
      Header css
=======================*/
  .my-navbar {
    background-color: #ffffff;
    height: 4.16667vw;
    padding: 0px !important;
    padding-left: 7.34375vw !important;
    padding-right: 7.34375vw !important;
    -webkit-box-shadow: 0vw 0.15625vw 0.3125vw #00000017;
            box-shadow: 0vw 0.15625vw 0.3125vw #00000017;
  }
  .my-navbar .nav_icons img {
    height: auto;
    width: 2.34375vw;
    margin-left: 2.5vw;
    border-radius: 30px;
  }
  .my-navbar .nav_icons .fa-user {
    font-size: 1.71875vw;
    margin-left: 1.45833vw;
    color: #0ccda3;
  }
  .my-navbar .logout-btn img {
    height: auto;
    width: 35px;
  }
  .navbar-brand {
    font-size: 1.5625vw !important;
    font-weight: bold;
  }
  .navbar-brand p {
    margin-bottom: 0 !important;
  }
  .dominate_header {
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .dominate_header__fix {
    padding-bottom: 8.54167vw;
  }
  /*=========================
    top menus navbar
==========================*/
  .menu-navbar {
    position: relative;
  }
  .menu-navbar__title {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    left: 50%;
  }
  .menu-navbar .tooltip-new {
    position: absolute;
    left: 50%;
    top: 0.67708vw;
    height: 70%;
  }
  .menu-navbar {
    height: 4.42708vw;
    background-color: white;
    -webkit-box-shadow: 0vw 0.15625vw 0.3125vw #00000017;
            box-shadow: 0vw 0.15625vw 0.3125vw #00000017;
    padding: 0vw 6.66667vw 0vw 6.66667vw !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.26042vw;
    /* Left Menus */
  }
  .menu-navbar .dominate-menus-left,
  .menu-navbar .dominate-menus-right {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .menu-navbar .dominate-menus-left .topmenubar-icon,
  .menu-navbar .dominate-menus-right .topmenubar-icon {
    border-radius: 0.36458vw;
    opacity: 0.6;
    margin-right: 1.04167vw;
  }
  .menu-navbar .dominate-menus-left .topmenubar-icon--active,
  .menu-navbar .dominate-menus-right .topmenubar-icon--active {
    opacity: 1;
    cursor: default;
  }
  .menu-navbar .dominate-menus-left a:hover,
  .menu-navbar .dominate-menus-right a:hover {
    opacity: 1;
  }
  .menu-navbar .dominate-menus-left li,
  .menu-navbar .dominate-menus-right li {
    width: 3.38542vw;
    height: 3.38542vw;
    position: relative;
  }
  .menu-navbar .dominate-menus-left li img.tooltip-menu,
  .menu-navbar .dominate-menus-right li img.tooltip-menu {
    position: absolute;
    top: 3.90625vw;
    left: 0;
    width: auto;
    height: 70%;
  }
  .menu-navbar .dominate-menus-left li .tooltip-box,
  .menu-navbar .dominate-menus-right li .tooltip-box {
    position: absolute;
    top: 4.16667vw;
    left: 0;
    padding: 0.52083vw 1.04167vw;
    background-color: #ffffff;
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0.26042vw;
  }
  .menu-navbar .dominate-menus-left li .tooltip-box__text,
  .menu-navbar .dominate-menus-right li .tooltip-box__text {
    white-space: nowrap;
    font-size: 1.09375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .menu-navbar .dominate-menus-left li img,
  .menu-navbar .dominate-menus-right li img {
    width: 100%;
    height: 100%;
  }
  .main-logo-navbar {
    height: 2.34375vw;
  }
  /* ===============================================================
                    
                        font size
                    
================================================================== */
  .font-12-light {
    font-size: 0.625vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 0.9375vw;
    margin-bottom: 0;
  }
  .font-15-light {
    font-size: 0.78125vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.19792vw;
    margin-bottom: 0;
  }
  .font-16-light {
    font-size: 0.83333vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .font-21-light {
    font-size: 1.09375vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
  }
  .font-12-regular {
    font-size: 0.625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 0.9375vw;
    margin-bottom: 0;
  }
  .font-15-regular {
    font-size: 0.78125vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.19792vw;
    margin-bottom: 0;
  }
  .font-16-regular {
    font-size: 0.83333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .font-17-regular {
    font-size: 0.88542vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.35417vw;
    margin-bottom: 0;
  }
  .font-18-regular {
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .font-20-regular {
    font-size: 1.04167vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.5625vw;
    margin-bottom: 0;
  }
  .font-21-regular {
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
  }
  .font-30-regular {
    font-size: 1.5625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 2.39583vw;
    margin-bottom: 0;
  }
  .font-16-medium {
    font-size: 0.83333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .font-18-medium {
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .font-20-medium {
    font-size: 1.04167vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.5625vw;
    margin-bottom: 0;
  }
  .font-21-medium {
    font-size: 1.09375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
  }
  .font-24-medium {
    font-size: 1.25vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .font-30-medium {
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 2.39583vw;
    margin-bottom: 0;
  }
  .font-42-medium {
    font-size: 2.1875vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.28125vw;
    margin-bottom: 0;
  }
  .font-16-semibold {
    font-size: 0.83333vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .font-17-semibold {
    font-size: 0.88542vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.35417vw;
    margin-bottom: 0;
  }
  .font-18-semibold {
    font-size: 0.9375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .font-20-semibold {
    font-size: 1.04167vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.5625vw;
    margin-bottom: 0;
  }
  .font-21-semibold {
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
  }
  .font-24-semibold {
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .font-26-semibold {
    font-size: 1.35417vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 2.03125vw;
    margin-bottom: 0;
  }
  .font-28-semibold {
    font-size: 1.45833vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 2.1875vw;
    margin-bottom: 0;
  }
  .font-15-bold {
    font-size: 0.78125vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.19792vw;
    margin-bottom: 0;
  }
  .font-18-bold {
    font-size: 0.9375vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .font-21-bold {
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
  }
  .font-24-bold {
    font-size: 1.25vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .font-25-bold {
    font-size: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.97917vw;
    margin-bottom: 0;
  }
  .font-28-bold {
    font-size: 1.45833vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 2.1875vw;
    margin-bottom: 0;
  }
  .font-30-bold {
    font-size: 1.5625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 2.39583vw;
    margin-bottom: 0;
  }
  .font-40-bold {
    font-size: 2.08333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 3.125vw;
    margin-bottom: 0;
  }
  .font-32-extraBold {
    font-size: 1.66667vw;
    font-weight: 800;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    line-height: 2.5vw;
    margin-bottom: 0;
  }
  .font-36-extraBold {
    font-size: 1.875vw;
    font-weight: 800;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    line-height: 2.86458vw;
    margin-bottom: 0;
  }
  .font-40-extraBold {
    font-size: 2.08333vw;
    font-weight: 800;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    line-height: 3.125vw;
    margin-bottom: 0;
  }
  /* ===============================================================
                    
                        margin, padding, other
                    
================================================================== */
  .mt-10 {
    margin-top: 0.52083vw;
  }
  .mt-20 {
    margin-top: 1.04167vw;
  }
  .mt-25 {
    margin-top: 1.30208vw;
  }
  .mr-25 {
    margin-right: 1.30208vw;
  }
  .mr-30 {
    margin-right: 1.5625vw;
  }
  .mr-40 {
    margin-right: 2.08333vw;
  }
  .mr-70 {
    margin-right: 3.64583vw;
  }
  .mr-125 {
    margin-right: 6.51042vw;
  }
  .mb-8 {
    margin-bottom: 0.41667vw;
  }
  .mb-10 {
    margin-bottom: 0.52083vw;
  }
  .mb-18 {
    margin-bottom: 0.9375vw;
  }
  .mb-21 {
    margin-bottom: 1.09375vw;
  }
  .mb-25 {
    margin-bottom: 1.30208vw;
  }
  .mb-30 {
    margin-bottom: 1.5625vw;
  }
  .mb-42 {
    margin-bottom: 2.1875vw;
  }
  .mb-48 {
    margin-bottom: 2.5vw;
  }
  .mb-61 {
    margin-bottom: 3.17708vw;
  }
  .ml-30 {
    margin-left: 1.5625vw;
  }
  .ml-70 {
    margin-left: 3.64583vw;
  }
  .pt-10 {
    padding-top: 0.52083vw;
  }
  .pt-20 {
    padding-top: 1.04167vw;
  }
  .pt-25 {
    padding-top: 1.30208vw;
  }
  .pr-20 {
    padding-right: 1.04167vw;
  }
  .pr-70 {
    padding-right: 3.64583vw;
  }
  .pb-10 {
    padding-bottom: 0.52083vw;
  }
  .pb-16 {
    padding-bottom: 0.83333vw;
  }
  .pl-10 {
    padding-left: 0.52083vw;
  }
  .pl-30 {
    padding-left: 1.5625vw;
  }
  .py-6 {
    padding-top: 0.3125vw;
    padding-bottom: 0.3125vw;
  }
  /* ===============================================================
                    
                            other
                    
================================================================== */
  b {
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .width-100 {
    width: 100%;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .opacity-41 {
    opacity: 0.41;
  }
  .opacity-62 {
    opacity: 0.62;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  /* ===============================================================
                    
                        modal
                    
================================================================== */
  .customOverlay {
    z-index: 9999 !important;
  }
  .closeIconInModal {
    cursor: pointer;
  }
  .closeIconInModal::before, .closeIconInModal::after {
    content: " ";
    position: absolute;
    top: 1.5625vw;
    right: 2.08333vw;
    background-color: #848484;
    height: 1.30208vw;
    width: 0.20833vw;
    z-index: 111 !important;
  }
  .closeIconInModal::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .closeIconInModal::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .customModal--addLead--thankYouMsg {
    width: 40.72917vw !important;
  }
  .customModal--editLeadNew {
    width: 79.32292vw !important;
  }
  .customModal--editLeadNew--emp {
    width: 57.29167vw !important;
  }
  .customModal--overviewDemo {
    width: 92.08333vw !important;
    height: 50.78125vw !important;
    overflow: auto;
  }
  /* ===============================================================
                    
                        checkbox
                    
================================================================== */
  .customCheckbox label {
    width: 100%;
    margin-bottom: 0.625vw;
  }
  .customCheckbox .rc-checkbox-inner {
    width: 1.35417vw;
    height: 1.35417vw;
    border-color: #0839d9;
    border-radius: 0.15625vw;
    border-width: 0.15625vw;
  }
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner:after,
  .customCheckbox .rc-checkbox-inner:after {
    left: 0.36458vw;
    top: 0.05208vw;
    width: 0.52083vw;
    height: 0.83333vw;
  }
  .customCheckbox .rc-checkbox-input .rc-checkbox-inner {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner {
    border-color: #cccccc !important;
  }
  .customCheckbox .rc-checkbox:hover .rc-checkbox-inner,
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner {
    border-color: #0839d9;
  }
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner {
    border-color: #0839d9;
    background-color: #0839d9;
  }
  /* ===============================================================
                    
                        datepicker
                    
================================================================== */
  .leads-title-block-container__date-picker .disabled-date {
    pointer-events: none;
  }
  .leads-title-block-container__date-picker .disabled-date.react-datepicker__day--keyboard-selected {
    background-color: transparent !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__month-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .leads-title-block-container__date-picker .react-datepicker {
    color: #303030;
    font-family: "Poppins-Regular", sans-serif;
    border: 0 !important;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation {
    top: 0.98958vw !important;
    border: 0.36458vw solid transparent !important;
    height: 0 !important;
    width: 0 !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation--next {
    border-left-color: rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation--previous {
    border-right-color: rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__header {
    padding-top: 0.83333vw !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
  }
  .leads-title-block-container__date-picker .react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle,
  .leads-title-block-container__date-picker .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    display: none;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper {
    width: auto;
  }
  .leads-title-block-container__date-picker .react-datepicker__input-container {
    width: 100%;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper input,
  .leads-title-block-container__date-picker .react-datepicker__input-container input {
    color: #303030;
    font-size: 0.9375vw;
    font-family: "Poppins-Regular", sans-serif;
    background: #f7f7f7;
    border: 0;
    border-radius: 1.5625vw;
    font-size: 0.9375vw;
    width: 8.75vw;
    height: 2.60417vw;
    text-align: center;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper input:focus,
  .leads-title-block-container__date-picker .react-datepicker__input-container input:focus {
    outline: 0;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--selected,
  .leads-title-block-container__date-picker .react-datepicker__day--in-selecting-range,
  .leads-title-block-container__date-picker .react-datepicker__day--in-range,
  .leads-title-block-container__date-picker .react-datepicker__month-text--selected,
  .leads-title-block-container__date-picker .react-datepicker__month-text--in-selecting-range,
  .leads-title-block-container__date-picker .react-datepicker__month-text--in-range,
  .leads-title-block-container__date-picker .react-datepicker__day--keyboard-selected,
  .leads-title-block-container__date-picker .react-datepicker__month-text--keyboard-selected {
    background-color: rgba(98, 102, 125, 0.2) !important;
    border-radius: 2.86458vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day:hover,
  .leads-title-block-container__date-picker .react-datepicker__month-text:hover,
  .leads-title-block-container__date-picker .react-datepicker__day--selected {
    border-radius: 2.86458vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    font-size: 0.83333vw !important;
    color: #000000 !important;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .leads-title-block-container__date-picker .react-datepicker__month {
    margin-top: 0;
  }
  .leads-title-block-container__date-picker .react-datepicker__day-names,
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    text-transform: uppercase !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    font-size: 0.83333vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day-name,
  .leads-title-block-container__date-picker .react-datepicker__day {
    font-size: 0.72917vw !important;
    color: #212b36 !important;
    font-family: "Poppins-Regular", sans-serif !important;
    width: 2.23958vw !important;
    line-height: 2.23958vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--selected {
    background-color: #6266e1 !important;
    color: #FFFFFF !important;
    font-family: "Poppins-Regular", sans-serif !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--disabled,
  .leads-title-block-container__date-picker .react-datepicker__month-text--disabled {
    opacity: 0.5;
  }
  /* ===============================================================
                    
                        dropdown
                    
================================================================== */
  .lead-status-dropDown .Dropdown-control {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .lead-status-dropDown .Dropdown-menu {
    width: 16.14583vw;
    height: 16.14583vw;
    max-height: 16.14583vw;
    padding: 1.51042vw 0.52083vw 1.51042vw 0.83333vw;
    border: 0;
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    margin-top: 1.30208vw;
  }
  .lead-status-dropDown .Dropdown-menu .Dropdown-option:last-child {
    border-bottom: 0;
  }
  .lead-status-dropDown .Dropdown-option {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #303030;
    padding: 0.46875vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .lead-status-dropDown .Dropdown-option:hover,
  .lead-status-dropDown .Dropdown-option.is-selected {
    background-color: #f7f7f7;
    color: #000;
  }
  .lead-status-dropDown .Dropdown-arrow {
    top: 41%;
    border-color: #303030 transparent transparent;
    border-width: 0.41667vw 0.41667vw 0;
  }
  .is-open .Dropdown-arrow {
    border-color: transparent transparent #303030 !important;
    border-width: 0 0.41667vw 0.41667vw !important;
  }
  .lead-status-dropDown--importExport.Dropdown-root {
    background-color: #ffffff;
    width: 11.35417vw;
    height: 2.60417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #453890;
    border-radius: 1.97917vw;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title,
  .lead-status-dropDown--importExport .Dropdown-placeholder,
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    font-size: 1.09375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.61458vw;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title,
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    color: #050505;
  }
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    padding: 0.78125vw;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title {
    padding: 0.52083vw 0.83333vw;
    padding-bottom: 0;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .lead-status-dropDown--importExport .Dropdown-placeholder {
    color: #453890;
  }
  .lead-status-dropDown--importExport .Dropdown-control {
    padding: 0;
    padding-top: 0.36458vw;
  }
  .lead-status-dropDown--importExport .Dropdown-arrow {
    display: none;
  }
  .lead-status-dropDown--importExport .Dropdown-menu {
    width: 12.5vw;
    height: auto;
    margin-top: 0.26042vw;
    padding: 0 0.52083vw 1.04167vw 0.52083vw;
  }
  .lead-status-dropDown--importExport .Dropdown-group:first-child {
    padding-bottom: 0.26042vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .lead-status-dropDown--importExport .Dropdown-group .Dropdown-option {
    color: #303030;
    border-bottom: 0;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    padding: 0.36458vw 0.26042vw 0.26042vw 1.45833vw;
  }
  .lead-status-dropDown--importExport--all-lead.Dropdown-root {
    background-color: #f7f7f7;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: transparent;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-arrow {
    display: block;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-control {
    padding: 0;
    padding-top: 0.10417vw;
    padding-right: 2.1875vw;
    padding-left: 1.5625vw;
    border-radius: 20px;
    background-color: transparent;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-placeholder {
    color: #303030;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 2.23958vw;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-bottom: 0.52083vw;
  }
  .rc-dropdown {
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif !important;
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item:hover,
  .rc-dropdown-menu > .rc-dropdown-menu-item-active,
  .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
    background-color: #f7f7f7 !important;
  }
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    display: none !important;
  }
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item:hover,
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item-active,
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
    background-color: #f7f7f7;
  }
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    font-size: 0.9375vw;
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item {
    cursor: default;
  }
  .lead-status-dropDown.lead-status-dropDown--statusRow .Dropdown-control {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 17.1875vw;
    word-break: break-all;
    padding-right: 2.34375vw;
  }
  .lead-status-dropDown.lead-status-dropDown--statusRow .Dropdown-menu {
    width: 12.91667vw;
    height: auto;
    max-height: 21.09375vw;
    margin-top: 1.09375vw;
    padding-top: 0.9375vw;
    padding-bottom: 0.9375vw;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-control,
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-placeholder {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-control {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-right: 2.34375vw;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-menu {
    width: 10.83333vw;
    height: auto;
    max-height: 21.09375vw;
    margin-top: 1.09375vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
  /* ===============================================================
                    
                        custom edit dropdown 

================================================================== */
  .main-dropdown-class {
    background: transparent;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dropdown-container-fluid {
    background-color: #ffffff;
    padding: 2.60417vw 7.34375vw;
  }
  .fa-angle-down {
    cursor: pointer;
    font-size: 1.25vw !important;
    font-weight: 500;
    font-family: "fontawesome";
    position: absolute;
    right: 0.9375vw;
    top: 20%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #303030;
  }
  .dropdown-input-class {
    width: 100%;
    height: 2.65625vw;
    border-radius: 1.35417vw;
    padding: 0.26042vw 2.23958vw 0.26042vw 1.04167vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    font-size: 0.9375vw;
    outline: none;
    border: none;
    background: #f7f7f7;
    color: #000000;
    margin-bottom: 0 !important;
  }
  .dropdown-input-class ::-webkit-input-placeholder {
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class :-ms-input-placeholder {
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class ::-ms-input-placeholder {
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class ::placeholder {
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-ul {
    max-height: 8.85417vw;
    overflow: auto;
    list-style: none;
    background: #ffffff;
    -webkit-box-shadow: 0 0.10417vw 0.20833vw 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.10417vw 0.20833vw 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    margin-top: 0.26042vw;
    padding: 0;
    border-radius: 0.52083vw;
    z-index: 99;
    position: absolute;
    width: 100%;
  }
  .dropdown-li,
  .dropdown-li_selected {
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    padding: 0.52083vw 1.19792vw;
    cursor: default;
  }
  .dropdown-li:hover {
    background: #f7f7f7;
  }
  .dropdown-li_selected {
    color: #ffffff;
    background: #6266e1;
  }
  .dropdown-li,
  .dropdown-li_selected {
    padding: 0;
  }
  .dropdown-li button,
  .dropdown-li_selected button {
    text-align: left;
    padding: 0.52083vw 1.19792vw;
    border: 0;
    width: 100%;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
  }
  .dropdown-li button:focus {
    color: #303030;
    background: #f7f7f7;
  }
  .dropdown-li_selected button:focus {
    color: #ffffff;
    background: #6266e1;
  }
  /* ===============================================================
                    
                        react select
                    
================================================================== */
  .react-select-container {
    width: 100% !important;
    height: 2.60417vw !important;
    -webkit-box-shadow: 0 0 0 !important;
            box-shadow: 0 0 0 !important;
    border-radius: 0.10417vw !important;
    padding: 0;
    text-align: center !important;
    color: #303030 !important;
    margin-bottom: 0.52083vw;
    text-transform: capitalize;
    margin-top: 0.78125vw;
    border: 0;
    background: transparent;
  }
  .react-select-elements__placeholder {
    color: #848484 !important;
    text-align: center !important;
    font-size: 0.9375vw !important;
    font-family: "Poppins-Regular", sans-serif, "Helvetica" !important;
  }
  .react-select-elements__value-container {
    padding: 0.10417vw 0.41667vw !important;
  }
  .react-select-elements__control {
    border: 0 !important;
    border-bottom: 0.20833vw solid #cccccc !important;
    border-radius: inherit !important;
    background-color: #ffffff !important;
    color: #303030 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 2.60417vw !important;
    -webkit-box-shadow: 0 0 0 !important;
            box-shadow: 0 0 0 !important;
    text-align: center !important;
    padding-left: 0 !important;
  }
  .react-select-elements__indicator-separator {
    display: none !important;
  }
  .react-select-elements__indicator {
    color: #303030 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .react-select-elements__indicator svg {
    width: 1.5625vw !important;
    height: 1.5625vw !important;
    margin-right: 0.52083vw !important;
  }
  .react-select-elements__control--is-focused {
    -webkit-box-shadow: 0 0 0 !important;
            box-shadow: 0 0 0 !important;
    outline: none !important;
  }
  .react-select-elements__single-value {
    color: #303030 !important;
    font-size: 0.9375vw !important;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.61458vw !important;
    text-align: center !important;
  }
  .react-select-elements__menu-notice--no-options, .react-select-elements__option, .react-select-elements__option--is-focused, .react-select-elements__option--is-selected {
    color: #303030 !important;
    font-size: 0.9375vw !important;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.25vw !important;
    text-align: center !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .react-select-elements__option {
    padding: 0.52083vw 0.52083vw !important;
    background: #303030;
    text-align: left !important;
    padding-left: 1.82292vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  }
  .react-select-elements__option--is-focused {
    color: #303030 !important;
    background: rgba(0, 0, 0, 0.04) !important;
  }
  .react-select-elements__menu {
    margin-top: 0.05208vw !important;
    -webkit-box-shadow: 0 0 0 !important;
            box-shadow: 0 0 0 !important;
    text-align: center !important;
    border-radius: 0 0 1.40625vw 1.40625vw !important;
    background: transparent !important;
  }
  .react-select-elements__menu-list {
    background-color: #ffffff !important;
    color: #303030 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0.52083vw !important;
    margin-top: 0.05208vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    max-height: 7.1875vw !important;
  }
  /* ===============================================================
                    
                        all new colors gradient
                    
================================================================== */
  .leads-gradient-block {
    color: #FFFFFF;
    text-align: center;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
}

@media screen and (min-width: 768px) and (min-width: 767px) {
  .leads-gradient-block {
    width: 13.54167vw;
    height: 6.92708vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
    padding: 0.52083vw;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .leads-gradient-block {
    width: 34.66667vw;
    height: 17.73333vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    padding: 1.33333vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
  }
  .leads-mobile-overview-block .leads-gradient-block-font-100,
  .leads-gradient-block .leads-gradient-block-font-100 {
    font-size: 5.06667vw;
    line-height: 6.13333vw;
    padding-bottom: 0;
  }
  .leads-mobile-overview-block .font-24-semibold,
  .leads-gradient-block .font-24-semibold {
    font-size: 2.13333vw;
    line-height: 2.8vw;
  }
}

@media screen and (min-width: 768px) {
  .bg-color-cust1 {
    background: linear-gradient(305deg, #0ec2b8 0%, #0500f5 100%);
  }
  .bg-color-cust2 {
    background: linear-gradient(305deg, #ff8dbb 0%, #0ccda3 100%);
  }
  .bg-color-cust3 {
    background: linear-gradient(305deg, #f2bae8 0%, #0c7bb3 100%);
  }
  .bg-color-quote1 {
    background: linear-gradient(121deg, #fbc2eb 0%, #a6c1ee 100%);
  }
  .bg-color-quote2 {
    background: linear-gradient(300deg, #9890e3 0%, #b1f4cf 100%);
  }
  .bg-color-quote3 {
    background: linear-gradient(300deg, #b490ca 0%, #5ee7df 100%);
  }
  .bg-color-prop1 {
    background: linear-gradient(138deg, #78ffd6 0%, #007991 100%);
  }
  .bg-color-prop2 {
    background: linear-gradient(128deg, #0dc2b7 0%, #4b8ce0 100%);
  }
  .bg-color-prop3 {
    background: linear-gradient(129deg, #0cebeb 0%, #20e3b2 46%, #29ffc6 100%);
  }
  .bg-color-emp1 {
    background: linear-gradient(305deg, #c1fcd3 0%, #0ccda3 100%);
  }
  .bg-color-emp2 {
    background: linear-gradient(305deg, #acedfc 0%, #57a1e6 100%);
  }
  .bg-color-emp3 {
    background: linear-gradient(305deg, #1cb5e0 0%, #000046 100%);
  }
  .bg-color-emp4 {
    background: linear-gradient(45deg, #00d2ff 0%, #928dab 100%);
  }
  .bg-color-account1 {
    background: #9face6;
    background: linear-gradient(45deg, #74ebd5 0%, #9face6 100%);
  }
  .bg-color-account2 {
    background: #93f9b9;
    background: linear-gradient(45deg, #93f9b9 0%, #fbd786 100%);
  }
  .bg-color-account3 {
    background: #fea858;
    background: linear-gradient(225deg, #fea858 0%, #ed765e 100%);
  }
  .bg-color-account4 {
    background: #f6d365;
    background: linear-gradient(45deg, #f6d365 0%, #fda085 100%);
  }
  .bg-color-account5 {
    background: #acedfc;
    background: linear-gradient(245deg, #acedfc 0%, #57a1e6 100%);
  }
  .bg-color-account6 {
    background: #07a3b2;
    background: linear-gradient(117deg, #07a3b2 0%, #d9ecc7 100%);
  }
  /* ===============================================================
                    
                        add lead
                    
================================================================== */
  /* ===============================================================
                    
                    add lead progressbar
                    
================================================================== */
  .add-lead-blue-progressbar-block-with-button {
    top: -1.30208vw;
  }
  .add-lead-blue-progressbar-block,
  .add-lead-blue-progressbar-block-with-button {
    position: relative;
    width: 34.89583vw;
    height: 0.36458vw;
    background-color: rgba(48, 48, 48, 0.18);
    border-radius: 0.20833vw;
    margin-left: 3.125vw;
  }
  .add-lead-blue-progressbar-block__fill {
    height: 0.36458vw;
    border-radius: inherit;
    background-color: #003cff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  /*=======================================================

            add lead pagination

========================================================*/
  .add-lead-pagination {
    margin-bottom: 1.04167vw;
    width: 100%;
  }
  .add-lead-pagination .rc-pagination {
    width: 100%;
    font-size: 0.98958vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .add-lead-pagination .rc-pagination-item {
    border-radius: 50%;
    padding: 0;
    border: 0;
    margin-right: 1.5625vw;
    min-width: 2.08333vw;
    height: 2.08333vw;
    line-height: 2.13542vw;
    color: #000000;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .add-lead-pagination .rc-pagination-item-active {
    background-color: #6266e1;
    color: #ffffff;
  }
  .add-lead-pagination .rc-pagination-item.rc-pagination-item-active:hover a {
    color: #ffffff;
  }
  .add-lead-pagination .rc-pagination-item:hover a {
    color: #6266e1;
  }
  .add-lead-pagination .rc-pagination-jump-prev:hover:after,
  .add-lead-pagination .rc-pagination-jump-next:hover:after {
    color: #6266e1;
  }
  .add-lead-pagination .rc-pagination-prev,
  .add-lead-pagination .rc-pagination-next,
  .add-lead-pagination .rc-pagination-jump-prev,
  .add-lead-pagination .rc-pagination-jump-next {
    border: 0;
    font-size: 1.25vw;
    line-height: 2.13542vw;
    min-width: 2.08333vw;
    height: 2.08333vw;
    margin-right: 1.5625vw;
  }
  .add-lead-pagination .rc-pagination-jump-prev:after,
  .add-lead-pagination .rc-pagination-jump-next:after {
    font-size: 1.25vw;
  }
  .add-lead-pagination .rc-pagination-prev a,
  .add-lead-pagination .rc-pagination-next a {
    color: #303030 !important;
  }
  /* ===============================================================
                    
                        react select add lead
                    
================================================================== */
  .react-select-add-lead-form-container {
    width: 75%;
  }
  .react-select-add-lead-form__control {
    min-height: 3.125vw !important;
    -webkit-box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
            box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
    border: 0 !important;
  }
  .react-select-add-lead-form__indicator-separator {
    display: none !important;
  }
  .react-select-add-lead-form__indicator {
    color: #303030 !important;
    padding: 0.78125vw !important;
  }
  .react-select-add-lead-form__indicator svg {
    width: 1.30208vw !important;
    height: 1.30208vw !important;
  }
  .react-select-add-lead-form__control--is-focused {
    -webkit-box-shadow: 0 0 0 1px #cccccc !important;
            box-shadow: 0 0 0 1px #cccccc !important;
  }
  .react-select-add-lead-form__single-value {
    color: #303030 !important;
    font-size: 1.25vw !important;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.82292vw !important;
  }
  .react-select-add-lead-form__option, .react-select-add-lead-form__option--is-focused, .react-select-add-lead-form__option--is-selected {
    font-size: 1.09375vw !important;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.61458vw !important;
  }
  .react-select-add-lead-form__option--is-focused {
    background-color: rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-add-lead-form__option--is-selected {
    color: #ffffff !important;
    background-color: #0839d9 !important;
  }
  .react-select-add-lead-form__option {
    border-bottom: 1px solid #cccccc;
    padding: 0.78125vw 1.04167vw !important;
  }
  .react-select-add-lead-form__option:last-child {
    border-bottom: 0;
  }
  .react-select-add-lead-form__menu {
    margin-top: 0.26042vw !important;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
  }
  .new-edit-lead-form-row .add-lead-pagination .rc-pagination {
    width: 45%;
  }
  .new-edit-lead-form-row .react-select-follow-up-form-container {
    max-width: 58%;
    margin-left: 4.16667vw;
  }
  .new-edit-lead-form-row .add-lead-input-field--countryCode .react-tel-input input.form-control,
  .new-edit-lead-form-row .react-tel-input input {
    margin-top: -0.52083vw !important;
  }
  .new-edit-lead-form-row input {
    max-width: 50%;
  }
  .new-edit-lead-form-row .react-datepicker-wrapper {
    width: 100%;
  }
  .container-fluid.add-lead-modal-container
.phone-form-control-block__lead-profile
.react-tel-input
.form-control {
    margin-top: 0.3125vw !important;
  }
  .all-checkbox-block .new-edit-lead-form-row {
    padding-top: 1.04167vw;
    padding-left: 1.5625vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .all-checkbox-block .new-edit-lead-form-row img {
    width: 2.08333vw;
    margin-right: 1.04167vw;
  }
  .all-checkbox-block .new-edit-lead-form-row input {
    width: 80%;
    max-width: inherit;
    margin-top: 1.5625vw;
    margin-bottom: 0.52083vw;
  }
  .new-edit-lead-form-row__input input,
  .new-edit-lead-form-row__input textarea {
    max-width: 50%;
    margin-left: 0;
  }
  .add-lead-input-field.new-edit-lead-form-row__input {
    max-width: 32%;
    margin-left: 0;
  }
  .new-edit-lead-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .new-edit-lead-form-row .add-lead-input-field {
    margin-top: 0 !important;
  }
  .new-edit-lead-form-row label {
    width: 25%;
  }
  .new-edit-lead-form-row .countryCode-fixed-plus {
    top: -0.05208vw;
  }
  .new-edit-lead-form-row .add-lead-input-field--countryCode input {
    max-width: 100%;
  }
  .new-edit-lead-form-row .add-lead-input-field--phoneNumber input {
    max-width: 46.5%;
  }
  .new-edit-lead-form-row #leadAssignRepresentative,
  .new-edit-lead-form-row #tagsInputValue,
  .new-edit-lead-form-row .representative-recent-img-text-block {
    width: 100%;
  }
  .new-edit-lead-form-row label + div,
  .new-edit-lead-form-row label + br + div,
  .new-edit-lead-form-row label + br + input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 30%;
    margin-left: 0;
  }
  .new-edit-lead-form-row label + div div,
  .new-edit-lead-form-row label + div input,
  .new-edit-lead-form-row label + div label,
  .new-edit-lead-form-row label + br + div div,
  .new-edit-lead-form-row label + br + div input,
  .new-edit-lead-form-row label + br + div label,
  .new-edit-lead-form-row label + br + input div,
  .new-edit-lead-form-row label + br + input input,
  .new-edit-lead-form-row label + br + input label {
    margin-left: 0 !important;
  }
  .new-edit-lead-form-row label + div label,
  .new-edit-lead-form-row label + br + div label,
  .new-edit-lead-form-row label + br + input label {
    width: 100%;
  }
  .new-edit-lead-form-row #tagsInputValue {
    margin-top: 1.04167vw !important;
  }
  .new-edit-lead-form-overflow-block {
    height: 70vh;
    padding-right: 2.34375vw;
    overflow: auto;
    overflow-x: hidden;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar {
    height: 0.26042vw;
    width: 0.67708vw;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-track {
    background: #80808028;
    -webkit-box-shadow: 0 0.15625vw 0.52083vw #80808028;
            box-shadow: 0 0.15625vw 0.52083vw #80808028;
    border-radius: 0.52083vw;
    margin: 0.52083vw;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-thumb {
    border-radius: 0.52083vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .new-edit-lead-form-row__emp-block input.new-edit-lead-form-row__input {
    max-width: 45%;
  }
  .new-edit-lead-form-row__emp-block .add-lead-input-field {
    max-width: 45%;
  }
  .new-edit-lead-form-row__task-block .task-edit-status {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row__input {
    max-width: 50%;
  }
  .new-edit-lead-form-row__task-block .leads-title-block-container__date-picker {
    margin-top: 1.04167vw;
    margin-bottom: 0.52083vw;
  }
  .new-edit-lead-form-row__task-block .react-datepicker__input-container input {
    max-width: 100%;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row .main-dropdown-class {
    width: 60%;
    max-width: 57%;
    margin-left: 4.27083vw;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row .main-dropdown-class input {
    max-width: 100%;
  }
  .new-edit-lead-form-row__holiday-edit .type-of-leave-select {
    margin-top: 0.52083vw;
  }
  .new-edit-lead-form-row__holiday-edit .type-of-leave-select input {
    padding-left: 1.5625vw;
  }
  .new-edit-lead-form-row__holiday-edit .new-edit-lead-form-row label {
    width: 19%;
  }
  .new-edit-lead-form-row__holiday-edit .react-datepicker-wrapper {
    width: 50%;
  }
  .new-edit-lead-form-row__holiday-edit input {
    max-width: 100%;
  }
  .start-by-add-lead-illustration-block {
    padding: 0.52083vw 23.4375vw;
  }
  .start-by-add-lead-illustration-block img {
    width: 31.25vw;
  }
  .is-invalid {
    color: #ff4848;
    margin-top: 0.52083vw;
    font-size: 0.78125vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.19792vw;
  }
  .container-fluid.add-lead-modal-container {
    padding-left: 1.5625vw;
    padding-top: 0.9375vw;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .form-control {
    color: #303030 !important;
    max-width: 100%;
    position: relative;
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica" !important;
    margin-bottom: 1.5625vw;
    letter-spacing: 0.01rem;
    z-index: 0;
    margin-top: 1.82292vw !important;
    margin-bottom: 0 !important;
    padding-left: 5.26042vw;
    margin-left: 0;
    background: #ffffff;
    border: 0.26042vw solid #cccccc;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    height: 1.82292vw;
    width: 15.625vw;
    outline: none;
    padding-top: 1.30208vw !important;
    padding-bottom: 1.30208vw !important;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .form-control:focus {
    outline: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .flag-dropdown {
    border: 0.26042vw solid transparent;
    border-bottom: 0.26042vw solid #cccccc;
    background-color: transparent;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .flag-dropdown:focus {
    border: 0.26042vw solid #cccccc !important;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .selected-flag {
    position: relative;
    width: 4.47917vw !important;
    height: 100%;
    padding: 0 0.98958vw;
    border-radius: 0;
    border: 0 !important;
  }
  .add-lead-form-field-block {
    padding-left: 1.30208vw;
    padding-right: 3.28125vw;
    position: relative;
  }
  .add-lead-prev-icon,
  .add-lead-next-icon {
    cursor: pointer;
    z-index: 1;
    opacity: 0.6;
    width: 1.45833vw !important;
    font-size: 1.25vw !important;
    line-height: 1.82292vw !important;
    position: absolute;
    top: 3%;
  }
  .add-lead-prev-icon:hover,
  .add-lead-next-icon:hover {
    opacity: 1;
  }
  .add-lead-next-icon {
    right: 5.05208vw;
  }
  .add-lead-label {
    margin-bottom: 0;
    margin-left: 3.54167vw;
    margin-right: 3.54167vw;
    vertical-align: text-top;
  }
  .add-lead-form-field-errors {
    margin-bottom: 0;
    margin-left: 3.28125vw;
    margin-right: 3.28125vw;
    vertical-align: text-top;
  }
  .add-lead-input-field {
    width: 93%;
  }
  .add-lead-input-field {
    margin-left: 3.02083vw;
    margin-top: 2.34375vw;
    padding: 0 0.52083vw 0.78125vw 0.52083vw;
    border: 0;
    -webkit-transition: border-bottom-color 0.4s ease;
    transition: border-bottom-color 0.4s ease;
    border-bottom: 0.20833vw solid #cccccc;
    background: transparent;
  }
  .add-lead-input-field:focus {
    outline: none;
  }
  .add-lead-input-field--countryCode {
    margin-left: 3.54167vw;
    width: 35%;
  }
  .add-lead-input-field--phoneNumber {
    margin-left: 1.5625vw;
    width: 63%;
  }
  .all-checkbox-block {
    margin-left: 3.125vw;
    padding-bottom: 0.78125vw;
  }
  .add-lead-input-field--checkbox-label-input label,
  .add-lead-input-field--checkbox-label-input br {
    display: none;
  }
  .add-lead-input-field--checkbox-label-input input {
    margin-top: 0;
    margin-left: 1.5625vw;
  }
  .shipping-form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0.52083vw;
    width: 96%;
  }
  .shipping-form-flex div {
    width: 45%;
  }
  .shipping-form-flex input {
    margin-top: 0.78125vw;
  }
  /*========================
  Leads followups date 
=========================*/
  .add-follow-up-main-container .follow-up-date-time-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 77%;
  }
  .add-follow-up-main-container .follow-up-date-time-section .follow-up-date,
  .add-follow-up-main-container .follow-up-date-time-section .follow-up-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .add-follow-up-main-container .follow-up-date-time-section .react-datepicker-wrapper input {
    background-color: #f7f7f7;
    border-radius: 1.30208vw;
    border: none;
    text-align: center;
    height: 2.60417vw;
  }
  .add-follow-up-main-container .follow-up-date-time-section label {
    margin-bottom: 0.52083vw;
  }
  .add-lead-modal-container--followUp {
    padding: 1.45833vw 0.83333vw 0.15625vw 2.8125vw;
  }
  .leads-title-block-container__date-picker .react-datepicker-time__header {
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item {
    height: 2.34375vw;
    padding: 0.41667vw;
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected:hover,
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected {
    background-color: #6266e1;
  }
  .leads-title-block-container__date-picker .react-datepicker__header--time {
    padding: 0.52083vw;
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container,
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box {
    width: 8.33333vw;
  }
  /* ===============================================================
                    
                        leads
                    
================================================================== */
  /* ===============================================================
                    
                        react select followup
                    
================================================================== */
  .react-select-follow-up-form-container {
    width: 90%;
    border-radius: 1.5625vw;
  }
  .react-select-follow-up-form__control {
    height: 2.86458vw !important;
    max-height: 2.86458vw !important;
    min-height: 2.86458vw !important;
    -webkit-box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
            box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
    border: 0 !important;
    background-color: #f7f7f7 !important;
    border-radius: 1.5625vw !important;
  }
  .react-select-follow-up-form__indicator-separator {
    display: none !important;
  }
  .react-select-follow-up-form__indicator {
    color: #303030 !important;
    padding: 0.78125vw !important;
  }
  .react-select-follow-up-form__indicator svg {
    width: 1.30208vw !important;
    height: 1.30208vw !important;
  }
  .react-select-follow-up-form__control--is-focused {
    -webkit-box-shadow: 0 0 0 0.4px rgba(204, 204, 204, 0.5) !important;
            box-shadow: 0 0 0 0.4px rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-follow-up-form__single-value {
    color: #303030 !important;
    font-size: 0.9375vw !important;
    padding-left: 1.04167vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.45833vw !important;
  }
  .react-select-follow-up-form__option, .react-select-follow-up-form__option--is-focused, .react-select-follow-up-form__option--is-selected {
    font-size: 0.9375vw !important;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.61458vw !important;
  }
  .react-select-follow-up-form__option--is-focused {
    background-color: rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-follow-up-form__option--is-selected {
    color: #ffffff !important;
    background-color: #6266e1 !important;
  }
  .react-select-follow-up-form__option {
    border-bottom: 1px solid #cccccc;
    padding: 0.52083vw 1.04167vw !important;
  }
  .react-select-follow-up-form__option:last-child {
    border-bottom: 0;
  }
  .react-select-follow-up-form__menu {
    margin-top: 0.26042vw !important;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16) !important;
  }
  /* ===============================================================
                    
                    new edit lead design
                    
================================================================== */
  .edit-lead-new-design__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .edit-lead-new-design__colm1,
  .edit-lead-new-design__colm2 {
    width: 50%;
  }
  .add_more_info_lead_button {
    width: 11.77083vw;
    height: 2.76042vw;
    margin-right: 0.9375vw;
    border-radius: 1.40625vw;
    border: 0.10417vw solid #303030;
    background-color: transparent;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .save_new_lead_button {
    width: 8.28125vw;
    height: 2.96875vw;
    border-radius: 1.40625vw;
    border: none;
    color: white;
    background-color: #7358fd;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
    float: right;
  }
  .set_level_and_status_of_lead {
    margin-left: 3.54167vw;
    margin-top: 1.5625vw;
  }
  .set_level_and_status_of_lead p {
    color: #303030;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
  }
  .set_level_and_status_of_lead button {
    margin-right: 0.52083vw;
    width: 8.28125vw;
    height: 2.96875vw;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-family: Poppins-Regular;
    border-radius: 1.40625vw;
    border: none;
    background-color: #f7f7f7;
  }
  .lead_add_more_info_model {
    width: 73.22917vw !important;
    border-radius: 0.78125vw !important;
    padding: 2.44792vw 6.82292vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .lead_add_more_info_model .add-lead-label {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .lead_add_more_info_model .add-lead-input-field {
    margin-left: 0px !important;
    padding-left: 0px;
  }
  .lead_add_more_info_model .react-select-add-lead-form__control {
    width: 100% !important;
    border: 1px solid lightgray !important;
  }
  .lead_add_more_info_model .add-lead-prev-icon {
    top: 3.125vw !important;
    left: 2.60417vw !important;
  }
  .lead_add_more_info_model .tag-border-block {
    font-size: 0.78125vw;
    padding: 0.41667vw;
  }
  .lead_add_more_info_model .representative-recent-img-text-block {
    margin-left: 0px;
  }
  .lead_add_more_info_model .add_more_infor_lead_container {
    height: 50vh;
    overflow: auto;
    overflow-x: hidden;
  }
  .lead_page_component {
    position: relative;
  }
  .lead_page_component .add-lead-blue-progressbar-block {
    position: absolute;
    width: 20%;
    right: 5.20833vw;
    top: 1.5625vw;
  }
  .add_more_info_left_section {
    margin-right: 2.60417vw;
    width: 50%;
  }
  .add_more_info_right_section {
    width: 50%;
  }
  .add-new-btn-kanban-board-block {
    width: 100%;
    text-align: center;
    padding-top: 0.83333vw;
    padding-bottom: 0.52083vw;
    background-color: rgba(243, 240, 240, 0.41);
  }
  .add-new-btn-kanban-board {
    width: 13.75vw;
    height: 2.86458vw;
    margin: 0 auto;
    border: 1px dashed #707070;
    border-radius: 0.46875vw;
    font-size: 0.98958vw;
    color: #717171;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .customCheckbox .rc-checkbox-inner {
    border-color: #cccccc !important;
  }
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner,
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner {
    border-color: #0839d9 !important;
  }
  .drop-lead-cancel-btn,
  .drop-lead-confirm-btn {
    width: 9.21875vw;
    height: 2.76042vw;
    border-radius: 1.5625vw;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .drop-lead-cancel-btn {
    border: 1px solid #000000;
    color: #000000;
    background-color: transparent;
  }
  .drop-lead-confirm-btn {
    border: 1px solid #502eff;
    color: #502eff;
    background-color: transparent;
  }
  .leads-title-block-next-arrow-img {
    width: 2.86458vw;
    margin-left: 0.52083vw;
    cursor: pointer;
  }
  .social-media-leads-img-input-block {
    width: 100%;
  }
  .social-media-leads-img-input-block .social-media-leads-input-block,
  .social-media-leads-img-input-block input {
    width: 80%;
  }
  .leads-overview-container.leads-overview-container--leadsNew {
    padding: 1.04167vw 0 1.14583vw 3.75vw;
  }
  .leads-overview-container.leads-overview-container--leadsNew .leads-meetings-block-gradient,
  .leads-overview-container.leads-overview-container--leadsNew .leads-warm-block-gradient,
  .leads-overview-container.leads-overview-container--leadsNew .leads-hot-block-gradient,
  .leads-overview-container.leads-overview-container--leadsNew .leads-red-gradient-block,
  .leads-overview-container.leads-overview-container--leadsNew .leads-blue-gradient-block,
  .leads-overview-container.leads-overview-container--leadsNew .leads-purple-gradient-block,
  .leads-overview-container.leads-overview-container--leadsNew .leads-orange-gradient-block {
    width: 9.53125vw;
    height: 4.42708vw;
    margin-right: 1.14583vw;
    margin-bottom: 1.14583vw;
  }
  .leads-overview-container.leads-overview-container--leadsNew .leads-gradient-block-font-100 {
    font-size: 1.25vw;
    line-height: 0.78125vw;
    padding-top: 0.15625vw;
    padding-bottom: 0.15625vw;
  }
  .leads-overview-container.leads-overview-container--leadsNew .font-24-semibold {
    font-size: 0.9375vw;
    line-height: 1.14583vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .cmd-centre-block--leadsNew__pageTitleRow {
    padding-left: 2.23958vw;
    margin-bottom: 2.34375vw;
  }
  .new-leads-page-title {
    color: #54349f;
  }
  .go-back-yellow-arrow-new-leads {
    cursor: pointer;
    width: 3.125vw;
    height: 3.125vw;
    border-radius: 100%;
    margin-right: 0.72917vw;
  }
  .go-back-yellow-arrow-new-leads img {
    margin-top: 0.26042vw;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    vertical-align: middle;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew {
    background: url("../../img/background-new-design/new-design-leads-bg.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 2.13542vw 0.78125vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .rwt__tabpanel {
    padding-top: 1.5625vw;
    padding-bottom: 0.26042vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .cmd-centre-block__blue-btns-block {
    top: 2.34375vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-list-table-view-outer-block {
    margin-top: 0.78125vw;
    margin-right: 5.52083vw;
    margin-left: 3.90625vw;
    background-color: transparent;
    border-radius: 0.83333vw;
    padding-right: 0.88542vw;
    padding-bottom: 0.88542vw;
    padding-left: 0.88542vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .customers-list-view-container--leadsNew {
    padding: 0;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    background-color: transparent;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container {
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    border-radius: 0.9375vw;
    -webkit-box-shadow: 0 0.15625vw 0.78125vw #00000029;
            box-shadow: 0 0.15625vw 0.78125vw #00000029;
    margin-bottom: 0.52083vw;
    padding: 1.14583vw 1.5625vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__title-block {
    padding-top: 1.09375vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .lead-status-dropDown--leads-new-status .Dropdown-placeholder.is-selected,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__title-block span {
    color: #000000;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-style: italic;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1 {
    padding-bottom: 0.9375vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm1,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm2,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm3,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm4,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm5 {
    padding-right: 1.04167vw;
    padding-left: 1.04167vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm1,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm3 {
    width: 25%;
    word-break: break-all;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm2 {
    width: 10%;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm4 {
    width: 22%;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm5 {
    width: 18%;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm1-img {
    border-radius: 50%;
    width: 2.60417vw;
    height: auto;
    display: block;
    margin-right: 1.45833vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__colm1-text {
    display: block;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .lead-status-dropDown--statusRow .Dropdown-placeholder.is-selected,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row1__text {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2 {
    border-top: 1px solid rgba(112, 112, 112, 0.3);
    padding-top: 0.9375vw;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text img,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text .calendar-img {
    width: 1.92708vw;
    height: auto;
    display: block;
    border-radius: 0;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text .note-img,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text .pencil-img,
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text .eye-img {
    width: 1.5625vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text .delete-img {
    width: 1.19792vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-list-container__row2-block-img-text span {
    color: rgba(48, 48, 48, 0.49);
    font-size: 0.78125vw;
    line-height: 1.19792vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    text-transform: uppercase;
    border-bottom: 0.10417vw dashed rgba(0, 0, 0, 0.53);
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-closure-text {
    color: rgba(48, 48, 48, 0.49);
    font-size: 0.78125vw;
    line-height: 1.19792vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    text-transform: uppercase;
    padding-left: 0.52083vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNew .leads-new-filter-button-block {
    padding-left: 4.47917vw;
  }
  .leads-new-filter-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    height: 2.23958vw;
    color: rgba(48, 48, 48, 0.79);
    margin-right: 1.92708vw;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    border-radius: 1.14583vw;
    background-color: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #00000012;
            box-shadow: 0 0.15625vw 0.3125vw #00000012;
  }
  .leads-new-filter-button--active {
    color: #ffffff;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    background: #74ebd5;
    background: linear-gradient(280deg, #74ebd5 0%, #9face6 80%, #eaafc8 100%);
    border: 0;
  }
  .leads-new-view-details {
    width: 7.44792vw;
    height: 2.23958vw;
    color: rgba(48, 48, 48, 0.79);
    margin-right: 1.92708vw;
    font-size: 0.9375vw;
    line-height: 1.92708vw;
    border-radius: 1.14583vw;
    background-color: #ffffff;
    border: 0.10417vw solid #93bee1;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #00000012;
            box-shadow: 0 0.15625vw 0.3125vw #00000012;
    text-align: center;
  }
  .leads-new-circular-graph-list-view-block {
    width: 2.76042vw;
    height: auto;
  }
  .leads-new-circular-graph-list-view-block .CircularProgressbar .CircularProgressbar-path {
    stroke: #fda085;
  }
  .leads-new-datepicker-search-block {
    padding-left: 4.16667vw;
  }
  .leads-new-levels-selected-block {
    padding: 1.19792vw 1.04167vw 0 4.42708vw;
  }
  .leads-new-levels-selected-block span {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
    font-style: italic;
  }
  .leads-new-graph-level-block {
    padding-bottom: 3.07292vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .leads-new-graph-level-block .leads-new-graph-level-block__levels {
    margin-left: 5.20833vw;
    margin-right: 2.60417vw;
  }
  .leads-new-graph-level-block .leads-new-graph-level-block__levels p {
    margin-bottom: 0.52083vw;
  }
  .leads-new-graph-level-block .leads-new-graph-level-block__levels p i {
    color: rgba(48, 48, 48, 0.51);
    font-size: 0.78125vw;
    line-height: 1.19792vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    font-style: italic;
  }
  .leads-new-graph-level-block .leads-new-graph-level-block__levels p span {
    font-size: 1.19792vw;
    margin-right: 0.88542vw;
    vertical-align: middle;
  }
  .leads-new-graph-level-block__circular-graph-block {
    width: 11.14583vw;
    text-align: center;
  }
  .leads-new-graph-level-block__circular-graph-block .CircularProgressbar .CircularProgressbar-path {
    stroke: rgba(252, 159, 53, 0.78);
  }
  .leads-new-graph-level-block__circular-graph-block .CircularProgressbar-text {
    fill: #303030 !important;
    font-size: 1.77083vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .lead-status-dropDown--assignTo .Dropdown-root {
    word-break: break-all;
  }
  .lead-status-dropDown--assignTo .Dropdown-control {
    width: 80%;
    max-width: 80%;
  }
  .lead-status-dropDown--assignTo .Dropdown-menu {
    height: auto;
    max-height: 21.09375vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNewDetailsPage {
    background: none;
  }
  .cmd-centre-block.cmd-centre-block--leadsNewDetailsPage .rwt__tab {
    width: 11.97917vw;
    height: 3.125vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNewDetailsPage .rwt__tabpanel {
    min-height: 70vh;
    padding: 1.66667vw 3.48958vw 2.13542vw 2.44792vw;
  }
  .cmd-centre-block.cmd-centre-block--leadsNewDetailsPage .rwt__tablist img {
    display: none;
  }
  .cmd-centre-block.cmd-centre-block--leadsNewDetailsPage .rwt__tablist button[aria-selected="true"] img {
    display: inline-block;
    width: 1.04167vw;
    vertical-align: middle;
    margin-right: 0.26042vw;
    margin-bottom: 0.10417vw;
  }
  .leads-new-details-close-block {
    position: absolute;
    right: 2.96875vw;
    width: 8.17708vw;
    height: 2.65625vw;
    border: 0.15625vw solid #ff7979;
    border-radius: 1.77083vw;
    text-align: center;
    padding-top: 0.41667vw;
  }
  .leads-new-details-close-block span {
    color: #ff7979;
  }
  .leads-new-details-content-card-shadow {
    -webkit-box-shadow: 0 0.05208vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.05208vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .leads-new-details-main-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .leads-new-details-main-profile .leads-new-details-main-profile__img-block {
    width: 6.30208vw;
    height: 6.30208vw;
    border-radius: 100%;
    margin-right: 2.29167vw;
    margin-bottom: 0.78125vw;
  }
  .leads-new-details-main-profile .leads-new-details-main-profile__img-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .leads-new-details-main-profile .leads-new-details-main-profile__title {
    font-size: 1.97917vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 2.96875vw;
    margin-bottom: 0.98958vw;
    text-transform: capitalize;
  }
  .leads-new-details-main-profile .leads-new-details-main-profile__circular-desc {
    color: rgba(28, 40, 54, 0.32);
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 1.30208vw;
    font-style: italic;
    margin-left: 1.35417vw;
  }
  .leads-new-details-main-profile .leads-new-graph-level-block__circular-graph-block {
    width: 3.38542vw;
    margin-bottom: 0.78125vw;
  }
  .leads-new-details-main-profile .CircularProgressbar-text {
    font-style: italic;
  }
  .leads-new-details-main-profile .CircularProgressbar {
    width: 100% !important;
  }
  .leads-new-details-main-profile .CircularProgressbar .CircularProgressbar-path {
    stroke: #5aa6ca;
  }
  .leads-new-details-main-profile .CircularProgressbar .CircularProgressbar-trail {
    stroke: #c8dff7;
  }
  .leads-new-dropdown-block .leads-new-dropdown-block__text {
    color: #5c5c5c;
    margin-right: 0.98958vw;
  }
  .leads-new-dropdown-block .lead-status-dropDown--emoji .Dropdown-menu,
  .leads-new-dropdown-block .Dropdown-menu {
    margin-top: 0.52083vw !important;
  }
  .leads-new-dropdown-block .Dropdown-root {
    height: 2.23958vw;
    border: 0.15625vw solid #cccccc;
    padding-left: 0.78125vw;
    padding-right: 0.26042vw;
    border-radius: 1.5625vw;
  }
  .leads-new-dropdown-block .Dropdown-control {
    height: inherit;
  }
  .leads-new-dropdown-block .lead-status-dropDown--emoji .Dropdown-placeholder {
    padding-top: 0.10417vw;
  }
  .leads-new-dropdown-block .Dropdown-placeholder {
    padding-top: 0.26042vw;
  }
  .leads-new-dropdown-block .Dropdown-arrow {
    top: 37%;
    right: 0.52083vw;
  }
  .leads-new-inner-page-profile-row {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .leads-new-inner-page-profile-row .leads-new-inner-page-profile-row__colm1 {
    width: 60%;
  }
  .leads-new-inner-page-profile-row .leads-new-inner-page-profile-row__colm2 {
    width: 40%;
  }
  .leads-new-inner-page-profile-row__colm2-btn {
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .leads-new-inner-page-profile-row__colm2-btn img {
    width: 2.03125vw;
    margin-right: 0.41667vw;
  }
  .leads-new-inner-page-profile-row__colm2-btn span {
    color: #3a4a59;
    text-transform: uppercase;
    border-bottom: 0.10417vw dashed rgba(112, 112, 112, 0.56);
    white-space: nowrap;
  }
  .leads-new-inner-page-profile-row__colm2-btn .leads-new-inner-page-profile-row__delete-icon {
    width: 1.71875vw;
  }
  .leads-new-details-activity-log__container {
    padding: 1.5625vw 5.20833vw 1.5625vw 2.34375vw;
  }
  .leads-new-filter-button-block--leads-new-details {
    padding-left: 0;
    margin-bottom: 2.23958vw;
  }
  .leads-new-details-activity-log__text1 {
    color: #334a5e;
    text-transform: uppercase;
    margin-bottom: 0.57292vw;
    padding-left: 2.65625vw;
  }
  .leads-new-details-activity-log__circle-color {
    width: 1.30208vw;
    margin-right: 1.45833vw;
  }
  .leads-new-details-activity-log__card {
    width: 70.46875vw;
    min-height: 13.07292vw;
    -webkit-box-shadow: 0 0.15625vw 1.5625vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.15625vw 1.5625vw rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 0 1.04167vw 1.04167vw 1.04167vw;
    padding: 0.98958vw 1.5625vw 1.5625vw 2.13542vw;
    margin-right: 3.17708vw;
    margin-bottom: 2.03125vw;
  }
  .leads-new-details-activity-log__card .leads-new-inner-page-profile-row__colm2-btn {
    margin-right: 2.60417vw;
  }
  .leads-new-details-activity-log__card .leads-new-inner-page-profile-row__colm2-btn img {
    width: 1.61458vw;
  }
  .leads-new-details-activity-log__card__border-bottom {
    border-bottom: 0.10417vw solid rgba(112, 112, 112, 0.41);
    padding-top: 0.83333vw;
    margin-bottom: 0.78125vw;
  }
  .leads-new-details-activity-log__text-gray-light,
  .leads-new-details-activity-log__text-gray-light-italic,
  .leads-new-details-activity-log__text-gray-light-regular {
    color: #707070;
    font-size: 0.83333vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .leads-new-details-activity-log__text-gray-light-italic {
    font-style: italic;
    margin-bottom: 2.03125vw;
  }
  .leads-new-details-activity-log__text-gray-light-regular {
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 2.03125vw;
  }
  .leads-new-details-activity-log__card-title {
    margin-bottom: 0.3125vw;
  }
  .leads-new-details-activity-log__text-desc-1 {
    color: #303030;
    font-size: 0.83333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
    font-style: italic;
  }
  .leads-new-details-activity-log__text-desc-2 {
    color: rgba(48, 48, 48, 0.49);
    text-transform: uppercase;
  }
  .leads-new-details-timeline-block {
    width: 57.55208vw;
    margin: 0 auto;
  }
  .leads-new-details-profile-form {
    padding-top: 1.97917vw;
  }
  .leads-new-details-profile-form .is-invalid {
    padding-left: 6.14583vw;
  }
  .leads-new-details-profile-form .is-invalid--leads-new-details-edit {
    padding-left: 3.38542vw;
  }
  .leads-new-details-profile-form .new-edit-lead-form-row__emp-block .font-24-semibold {
    font-size: 1.09375vw;
  }
  .leads-new-details-profile-form .new-edit-lead-form-row__emp-block .is-invalid {
    padding-left: 3.4375vw;
  }
  .leads-new-details-profile-form .add-lead-label {
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-left: 4.58333vw;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .leads-new-details-profile-form .add-lead-label img {
    width: 1.04167vw;
    margin-right: 0.52083vw;
  }
  .leads-new-details-profile-form .add-lead-label br,
  .leads-new-details-profile-form .add-lead-label p {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .leads-new-details-profile-form.leads-new-details-profile-form--display br,
  .leads-new-details-profile-form.leads-new-details-profile-form--display p {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .leads-new-details-profile-form .add-lead-input-field {
    margin-top: 0.52083vw;
    margin-left: 6.14583vw;
  }
  .leads-new-details-profile-form .container-fluid.add-lead-modal-container {
    padding-left: 6.14583vw;
    padding-top: 0.26042vw;
    padding-bottom: 0;
  }
  .leads-new-details-profile-form .container-fluid.add-lead-modal-container .add-lead-input-field--phoneNumber {
    margin-top: 0.3125vw;
  }
  .leads-new-details-profile-form .leads-new-details-media-block {
    padding-top: 1.30208vw;
    padding-bottom: 0;
    padding-left: 5.20833vw;
  }
  .leads-new-details-profile-form .leads-new-details-skype-block {
    padding-top: 0.52083vw;
    padding-left: 6.25vw;
  }
  .leads-new-details-profile-form .leads-new-circle-block {
    position: relative;
  }
  .leads-new-details-profile-form .leads-new-circle-block label {
    padding-left: 1.5625vw;
  }
  .leads-new-details-profile-form .leads-new-circle-block .leads-new-circle-block__circle {
    position: absolute;
    top: 0.41667vw;
    left: 4.47917vw;
    width: 1.04167vw;
    margin-right: 0.52083vw;
  }
  .leads-new-details-profile-form .representative-recent-img-text-block {
    margin-left: 6.14583vw;
  }
  .leads-new-details-profile-form .leads-new-details-col-1 {
    width: 29.6875vw;
  }
  .leads-new-details-profile-form .leads-new-details-colm-phone {
    width: 34.89583vw;
  }
  .leads-new-details-profile-form .representative-recent-img-text-block .leads-tags-in-input-field__block {
    overflow-y: hidden;
    padding-right: 0.52083vw;
  }
  .leads-new-details-profile-cancel-btn,
  .leads-new-details-profile-save-btn {
    width: 12.5vw;
    height: 3.59375vw;
    border-radius: 1.82292vw;
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .leads-new-details-profile-cancel-btn {
    border: 0.15625vw solid #e38c9a;
    background-color: #ffffff;
    margin-right: 2.29167vw;
  }
  .leads-new-details-profile-save-btn {
    border: none;
    color: #ffffff;
    background: #ffcc70;
    background: linear-gradient(266deg, #ffcc70 0%, #c850c0 35%, #4158d0 100%);
  }
  .leads-new-details-profile-btns-row {
    padding-top: 2.34375vw;
    padding-bottom: 3.64583vw;
    padding-right: 21.97917vw;
  }
  .leads-new-details-profile-form-display__gray-italic-text {
    color: #707070;
    font-size: 0.83333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
    font-style: italic;
    text-align: right;
    padding-right: 10.41667vw;
  }
  .leads-new-details-profile-form-display__blue-text,
  .leads-new-details-profile-form-display__blue-text-tags {
    color: #54349f;
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    text-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .leads-new-details-profile-form-display__blue-text {
    padding-top: 0.26042vw;
    padding-left: 6.14583vw;
  }
  .leads-new-details-profile-form-display__blue-text-tags {
    padding: 0.15625vw 1.04167vw;
    margin-right: 1.5625vw;
    border: 0.10417vw solid #303030;
    border-radius: 0.52083vw;
  }
  .leads-new-details-profile-form--display {
    padding-bottom: 3.64583vw;
  }
  .customModal--editLeadNew--emp .new-edit-lead-form-row__emp-block .is-invalid {
    padding-left: 0.52083vw;
  }
  .cursor-default {
    cursor: default !important;
  }
  .countryCode-fixed-plus-input-container {
    position: relative;
  }
  .countryCode-fixed-plus-input-container input {
    padding-left: 2.13542vw;
  }
  .countryCode-fixed-plus {
    position: absolute;
    left: 1.30208vw;
    top: 2.34375vw;
  }
  .leads-container {
    background-color: #F7F7F7;
  }
  .empty-div {
    padding: 20px;
    text-align: center;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Light;
  }
  .leads-overview-container {
    padding-left: 7.34375vw;
    padding-top: 1.30208vw;
    padding-bottom: 1.5625vw;
  }
  .gradient-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .leads-meetings-block-gradient,
  .leads-warm-block-gradient,
  .leads-hot-block-gradient,
  .leads-red-gradient-block,
  .leads-blue-gradient-block,
  .leads-purple-gradient-block,
  .leads-orange-gradient-block {
    width: 13.54167vw;
    height: 6.92708vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
    color: #FFFFFF;
    text-align: center;
    overflow: auto;
    padding: 1.04167vw 0.52083vw;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .leads-red-gradient-block,
  .leads-blue-gradient-block,
  .leads-purple-gradient-block,
  .leads-orange-gradient-block,
  .leads-hot-block-gradient,
  .leads-warm-block-gradient,
  .leads-meetings-block-gradient:hover {
    cursor: pointer;
  }
  .leads-hot-block-gradient {
    background: linear-gradient(306deg, #ff2626, #ffa5a5);
  }
  .leads-warm-block-gradient {
    background: linear-gradient(305deg, #07a3b2, #d9ecc7);
  }
  .leads-meetings-block-gradient {
    background: linear-gradient(305deg, #f6d365, #fda085);
  }
  .leads-red-gradient-block {
    background: linear-gradient(305deg, #57a1e6, #acedfc);
  }
  .leads-blue-gradient-block {
    background: linear-gradient(145deg, #d1c7ff 0%, #9618f7 100%);
    /* w3c */
  }
  .leads-purple-gradient-block {
    background: linear-gradient(305deg, #ed765e, #fea858);
  }
  .leads-orange-gradient-block {
    background: linear-gradient(305deg, #ffd49b 0%, #ff8917 100%);
  }
  .leads-gradient-block-font-100 {
    font-size: 5.20833vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4.42708vw;
    margin-bottom: 0;
    width: 90%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.52083vw;
  }
  .gradient-block-container .leads-gradient-block-font-100 {
    font-size: 1.97917vw;
    line-height: 2.39583vw;
    padding-bottom: 0;
  }
  .gradient-block-container .font-24-semibold {
    font-size: 0.83333vw;
    line-height: 1.09375vw;
  }
  .leads-title-block-container {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
    padding: 1.04167vw 7.34375vw 0.78125vw 7.34375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .leads-title-block-container__inner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leads-title-block-container__date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2.60417vw;
  }
  .leads-title-block-container__date-picker span {
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
  }
  .leads-title-block-btn-red-bg {
    width: 11.35417vw;
    height: 2.60417vw;
    background: #453890;
    color: #FFFFFF;
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    border: 0;
    border-radius: 1.97917vw;
  }
  .btn-funnel-view {
    width: 7.8125vw;
    height: 2.08333vw;
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    color: #303030;
    border: 2px solid #303030;
    border-radius: 1.40625vw;
    background-color: transparent;
  }
  .add_lead_button_in_kanban {
    position: absolute;
    left: 3.64583vw;
  }
  .leads-content-container {
    padding-left: 2.34375vw;
    padding-right: 0;
    padding-bottom: 1.30208vw;
    margin-bottom: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;
    height: 90vh;
  }
  .leads-content-container .col-md-4 {
    height: 85%;
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    padding: 0.26042vw;
    max-height: 100%;
    overflow: auto;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar {
    height: 0.15625vw;
    width: 3px;
  }
  .no-kanban-leads-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    font-size: 0.78125vw;
    font-family: Poppins-SemiBold;
  }
  .leads-content-container__colm {
    margin-right: 3.4375vw;
    margin-bottom: 0.83333vw;
    width: 25vw;
    background-color: transparent;
  }
  .leads-content-container__colmTitle {
    padding: 1vw;
  }
  .leads-content-container__colmContent {
    width: 25.78125vw;
    min-height: 25vw;
    margin: 0 auto;
    border-radius: 0.78125vw;
  }
  .leads-content-container__lead {
    border-radius: 0.78125vw;
    background-color: transparent;
  }
  .lead-single-card-container,
  .leads-content-block-480 {
    background: -webkit-linear-gradient(270deg, #f2f3f6 0%, white 100%);
    /* safari5.1+,chrome10+ */
    width: 25vw;
    height: auto;
    max-height: 15.625vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0.10417vw 0.52083vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.10417vw 0.52083vw 0 rgba(0, 0, 0, 0.16);
    padding: 1.04167vw 0.88542vw 1.04167vw 1.35417vw;
    margin-bottom: 0.52083vw;
    margin-right: 2.60417vw;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .lead-single-card-container .lead-status-dropDown--emoji,
  .leads-content-block-480 .lead-status-dropDown--emoji {
    margin-left: 0;
  }
  .leads-content-block-480 {
    overflow: auto;
  }
  .leads-content-block-480__img-text-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .leads-content-img {
    width: 2.60417vw;
    margin-right: 1.5625vw;
    border-radius: 50%;
  }
  .leads-content-block-480__tags-div {
    padding-top: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leads-content-block-480-tags-btn {
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background: transparent;
    border: transparent;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw 0 rgba(0, 0, 0, 0.16);
    padding: 0.41667vw 0.9375vw;
    margin-right: 0.78125vw;
    margin-bottom: 0.78125vw;
    word-break: break-all;
  }
  .btn-funnel-view--add-lead-save-btn {
    width: 5.78125vw;
    height: 2.76042vw;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .lead-icon-block-view,
  .lead-icon-list-view {
    cursor: pointer;
  }
  .list-block-view-span {
    width: 2.08333vw;
  }
  .lead-icon-list-view {
    width: 2.08333vw;
    height: 2.08333vw;
  }
  .lead-icon-block-view {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .leads-list-table-view-outer-block {
    margin: 0 7.34375vw 2.5vw 7.34375vw;
  }
  .leads-list-table-view-outer-block .customers-list-view-title-container {
    border-radius: 0.78125vw;
    padding-left: 1.45833vw;
    padding-right: 1.45833vw;
    margin-bottom: 0;
  }
  .leads-list-table-view-outer-block .customers-list-view-container {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .leads-list-table-view-outer-block table {
    color: #303030;
    margin-bottom: 0;
    table-layout: fixed;
    word-break: break-all;
  }
  .leads-list-table-view-outer-block table th:nth-child(1),
  .leads-list-table-view-outer-block table th:nth-child(3),
  .leads-list-table-view-outer-block table td:nth-child(1),
  .leads-list-table-view-outer-block table td:nth-child(3) {
    width: 15.625vw;
  }
  .leads-list-table-view-outer-block table th:nth-child(2),
  .leads-list-table-view-outer-block table td:nth-child(2) {
    width: 7.8125vw;
  }
  .leads-list-table-view-outer-block table th:nth-child(4),
  .leads-list-table-view-outer-block table td:nth-child(4) {
    width: 15.625vw;
  }
  .leads-list-table-view-outer-block table th,
  .leads-list-table-view-outer-block table td {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    width: 14.0625vw;
    vertical-align: middle;
  }
  .leads-list-table-view-outer-block table th {
    padding: 1.19792vw;
    font-family: Poppins-Bold, sans-serif;
  }
  .leads-list-table-view-outer-block table td {
    padding: 1.30208vw 1.19792vw !important;
    font-family: Poppins-Medium, sans-serif;
  }
  .leads-list-table-view-outer-block table tr:last-child td {
    border-bottom: 0;
  }
  .lead-list-view-img {
    width: 2.60417vw;
    height: auto;
    margin-right: 2.1875vw;
  }
  .lead-search-block {
    position: relative;
    margin-right: 1.5625vw;
  }
  .lead-search-block .add-lead-input-field--lead-search {
    margin: 0;
    padding: 0.52083vw 1.82292vw 0.52083vw 0.26042vw;
    width: 7.8125vw;
    height: 2.13542vw;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
  }
  .lead-search-block .lead-search-block__icon {
    cursor: pointer;
    position: absolute;
    top: 10%;
    right: 0;
    width: 1.45833vw;
  }
  .representative-recent-img-text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 1.5625vw;
    margin-left: 3.64583vw;
    max-height: 8.33333vw;
    overflow: auto;
  }
  .representative-recent-img-text-block span {
    cursor: pointer;
  }
  .representative-recent-img-text-block__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 1.19792vw;
    margin-bottom: 1.19792vw;
    background-color: transparent;
    border: transparent;
  }
  .representative-recent-img-text-block__block img {
    width: 4.16667vw;
    margin-bottom: 0.78125vw;
    border-radius: 2.86458vw;
  }
  .tag-border-block {
    background-color: transparent;
    padding: 0.41667vw 0.78125vw;
    border: 1px solid #303030;
    border-radius: 0.78125vw;
  }
  .leads-tags-in-input-field__tags {
    margin-right: 1.19792vw;
    margin-bottom: 0.46875vw;
    margin-top: 0.05208vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    white-space: nowrap;
  }
  .grayColorEmoji {
    color: transparent;
    text-shadow: 0 0 0 rgba(112, 112, 112, 0.9);
  }
  .lead-status-dropDown--emoji {
    margin-left: 2.86458vw;
  }
  .lead-status-dropDown--emoji .Dropdown-control {
    padding-right: 1.97917vw;
  }
  .lead-status-dropDown--emoji .Dropdown-menu {
    margin-top: 0 !important;
    width: 2.91667vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
  }
  .lead-status-dropDown--emoji .Dropdown-option {
    text-align: center;
  }
  .colorBgWhite {
    background: #ffffff;
    opacity: 1 !important;
  }
  .add-tags-button-kanban {
    margin-left: 3.64583vw;
    margin-top: 1.04167vw;
    width: 6.77083vw;
    height: 2.08333vw;
    background: #453890;
    color: #FFFFFF;
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border-collapse: collapse !important;
    line-height: 1.61458vw;
    border: 0;
    border-radius: 1.97917vw !important;
  }
  .kanban-board-emoji {
    font-size: 1.30208vw;
  }
  .leads-title-block-container__new-search-title-block.lead-search-block--cust .message-search-block__input {
    font-size: 0.72917vw;
    width: 37.76042vw;
  }
  .lead_serach_and_button_section {
    margin-top: 2.29167vw;
  }
  .leads-title-block-container__new-search-title-block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 7.34375vw;
    padding-right: 6.30208vw;
    margin-bottom: 2.34375vw;
  }
  .leads-title-block-container__new-search-title-block .message-search-block__input {
    font-size: 0.72917vw;
    width: 30.98958vw;
    height: 2.60417vw;
    background: #f7f7f7;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
    border-radius: 1.97917vw;
    padding-left: 2.86458vw;
    margin-right: 1.04167vw;
    margin-bottom: 1.04167vw;
  }
  .leads-title-block-container__new-search-title-block .message-search-block__icon {
    left: 1.19792vw;
    opacity: 0.6;
    width: 0.67708vw;
  }
  .leads-title-block-container__new-search-title-block .btn-funnel-view {
    text-align: left;
    font-size: 0.9375vw;
    color: #ffffff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border: 0;
    width: 11.35417vw;
    height: 2.5vw;
    margin-right: 0.9375vw;
  }
  .leads-title-block-container__new-search-title-block .btn-funnel-view img {
    width: 1.04167vw;
    height: 1.04167vw;
    margin-left: 1.5625vw;
    margin-right: 0.78125vw;
    margin-bottom: 0.15625vw;
  }
  .lead-search-block__leads-level-info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lead-search-block__leads-level-info h5 {
    font-size: 0.88542vw;
    line-height: 1.35417vw;
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
    margin-right: 0.57292vw;
    margin-bottom: 0;
  }
  .lead-search-block__leads-level-info p {
    font-size: 0.72917vw;
    margin-right: 0.78125vw;
    margin-bottom: 0;
  }
  .lead-search-block__leads-level-info p span {
    opacity: 1;
    font-size: 1.09375vw;
    margin-right: 0.20833vw;
  }
  .leads-content-container__colms {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0.72917vw;
    width: 16.19792vw;
    max-height: 90%;
  }
  .leads-content-container__colms:last-child {
    margin-right: 0;
  }
  .leads-content-container .leads-content-container__colms:last-child .lead-single-card-container {
    cursor: default;
  }
  .leads-content-container {
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .leads-content-container .lead-single-card-container .kanban-delete-icon {
    font-size: 1.30208vw;
    margin-left: 1.5625vw;
    color: #d1c7ff;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar {
    height: 0.15625vw;
    width: 0.15625vw;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0.52083vw;
    margin: 0.52083vw;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-thumb {
    border-radius: 0.52083vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    border-radius: 0 0 0.52083vw 0.52083vw;
    background-color: rgba(243, 240, 240, 0.41);
    padding-bottom: 3.125vw;
    overflow: auto;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar {
    height: 0.625vw;
    width: 0.67708vw;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-track,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-track {
    margin: 1.04167vw;
    background: #d9d2fa;
    border-radius: 2.60417vw;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-thumb,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-thumb {
    border-radius: 2.60417vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-thumb:hover,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container .lead-single-card-container,
  .leads-content-container .new_leads_container .leads-content-block-480,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 {
    word-break: break-all;
    width: 14.16667vw;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    margin-top: 1.04167vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .leads-content-img,
  .leads-content-container .new_leads_container .leads-content-block-480 .leads-content-img,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .leads-content-img,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .leads-content-img {
    width: 2.55208vw;
    height: 2.55208vw;
    margin-right: 0.52083vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .font-21-medium,
  .leads-content-container .new_leads_container .leads-content-block-480 .font-21-medium,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .font-21-medium,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .font-21-medium {
    font-size: 0.98958vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .font-16-medium span,
  .leads-content-container .new_leads_container .leads-content-block-480 .font-16-medium span,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .font-16-medium span,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .font-16-medium span {
    font-size: 0.72917vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .Dropdown-placeholder.is-selected,
  .leads-content-container .new_leads_container .lead-single-card-container .kanban-board-emoji,
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown .Dropdown-option,
  .leads-content-container .new_leads_container .leads-content-block-480 .Dropdown-placeholder.is-selected,
  .leads-content-container .new_leads_container .leads-content-block-480 .kanban-board-emoji,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown .Dropdown-option,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .Dropdown-placeholder.is-selected,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .kanban-board-emoji,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown .Dropdown-option,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .Dropdown-placeholder.is-selected,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .kanban-board-emoji,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown .Dropdown-option {
    font-size: 1.04167vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown .Dropdown-arrow {
    border-color: #303030 transparent transparent !important;
    border-width: 0.26042vw 0.26042vw 0 !important;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown--emoji .Dropdown-control {
    padding-right: 1.30208vw;
  }
  .leads-content-container .heads {
    text-align: center;
  }
  .leads-content-container .heads .heads__title {
    padding-top: 1.35417vw;
    padding-bottom: 1.25vw;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border-radius: 0.52083vw 0.52083vw 0 0;
    -webkit-box-shadow: 0 0.15625vw 0.52083vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.52083vw 0 rgba(0, 0, 0, 0.16);
    margin-bottom: 0;
    color: #ffffff;
    font-size: 1.04167vw;
    line-height: 1.875vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .leads-content-container .heads .heads__title span {
    font-family: Poppins-LightItalic;
    font-size: 0.83333vw;
  }
  .leads-content-container__colms:nth-child(1) .heads__title {
    background: -webkit-linear-gradient(180deg, #ff5acd 0%, #9face6 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(2) .heads__title {
    background: -webkit-linear-gradient(180deg, #fea858 0%, #ed765e 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(3) .heads__title {
    background: -webkit-linear-gradient(0deg, #fab2ff 0%, #1904e5 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(4) .heads__title {
    background: -webkit-linear-gradient(0deg, #fa9472 0%, #fb6394 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(5) .heads__title {
    background: -webkit-linear-gradient(0deg, #fda085 0%, #f6d365 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(6) .heads__title {
    background: -webkit-linear-gradient(0deg, #4568dc 0%, #e6a0e9 100%);
    /* safari5.1+,chrome10+ */
  }
  .leads-content-container__colms:nth-child(7) .heads__title {
    background: -webkit-linear-gradient(0deg, #ff512f85 0%, #dd247685 100%);
  }
  .leads-content-container {
    height: 70vh;
  }
  .leads-content-container__colms {
    max-height: 100%;
  }
  .new_leads_container,
  .kanban-single-status-conainer {
    height: 80%;
  }
  .leads-content-container {
    margin-bottom: 1.04167vw;
    height: 70vh;
  }
  .leads-content-container .leads-content-container__colms {
    max-height: 100%;
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    border-bottom: 0.15625vw solid #faf9f9;
    -webkit-box-shadow: 0 1.82292vw 0.10417vw #faf9f9;
            box-shadow: 0 1.82292vw 0.10417vw #faf9f9;
    height: 70%;
  }
  .leads-content-container .leads-content-container__colms:last-child .new_leads_container,
  .leads-content-container .leads-content-container__colms:last-child .kanban-single-status-conainer {
    height: calc(70% + 4.17vw);
  }
  .leads-content-container::-webkit-scrollbar {
    height: 0.88542vw;
    width: 0.10417vw;
    margin: 1.04167vw;
  }
  .leads-content-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1.5625vw;
    margin: 0.52083vw;
  }
  .leads-content-container::-webkit-scrollbar-thumb {
    border-radius: 1.5625vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .great_work_model img {
    width: 23.64583vw;
    height: 19.47917vw;
  }
  .great_work_model h3 {
    margin-top: 2.60417vw;
    font-size: 2.23958vw;
    color: #303030;
    line-height: 3.33333vw;
    font-family: Poppins-Bold;
  }
  .great_work_model p {
    margin-top: 0.88542vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
    margin-bottom: 0;
  }
  .great_work_model button {
    margin-top: 1.40625vw;
    background-color: #502eff;
    border-radius: 1.45833vw;
    width: 17.39583vw;
    height: 2.91667vw;
    color: white;
    font-size: 1.19792vw;
    font-family: Poppins-SemiBold;
  }
  .confetti_effect canvas {
    width: 100%;
    height: 100vh;
    z-index: 9999999 !important;
    position: absolute;
  }
  /*============================
    Customers CSS
=============================*/
  .customers-overview-container {
    padding-left: 7.34375vw;
    padding-top: 1.30208vw;
  }
  .customers-search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fa-search,
  .fa-list:hover {
    cursor: pointer !important;
  }
  /*==========================
  Customers Block veiw css
============================*/
  .customers-block-view-conatiner {
    padding-left: 7.34375vw !important;
    padding-right: 7.34375vw !important;
    margin-top: 1.5625vw;
  }
  .customers-block-view-conatiner .customers-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
    width: 20.15625vw;
    height: 7.8125vw;
    border-radius: 0.52083vw;
    margin-bottom: 1.5625vw;
  }
  .customers-block-view-conatiner .card-avatar-section {
    margin-right: 2.34375vw;
  }
  .customers-block-view-conatiner .card-avatar-section img {
    height: auto;
    width: 3.90625vw;
    border-radius: 50px;
  }
  .customers-block-view-conatiner .card-content-section h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    margin-top: 0vw;
    color: #303030;
    margin-bottom: 0;
  }
  .customers-block-view-conatiner .card-content-section p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    margin-bottom: 0;
  }
  .customers-block-view-conatiner .card-content-section .status {
    font-size: 0.9375vw;
    color: #303030;
    line-height: 1.40625vw;
  }
  /*==========================
  Customers List veiw css
============================*/
  .customer-list-view-outer-block {
    width: 100%;
  }
  .customer-list-view-outer-block table {
    color: #303030;
  }
  .customer-list-view-outer-block table th:nth-child(1),
  .customer-list-view-outer-block table th:nth-child(3),
  .customer-list-view-outer-block table td:nth-child(1),
  .customer-list-view-outer-block table td:nth-child(3) {
    width: 15.88542vw;
  }
  .customer-list-view-outer-block table th:nth-child(4),
  .customer-list-view-outer-block table td:nth-child(4) {
    width: 17.1875vw;
  }
  .customer-list-view-outer-block table th,
  .customer-list-view-outer-block table td {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    width: 14.0625vw;
    vertical-align: middle;
  }
  .customer-list-view-outer-block table th {
    padding: 1.19792vw;
    font-family: Poppins-Bold, sans-serif;
  }
  .customer-list-view-outer-block table td {
    padding: 1.30208vw 1.19792vw !important;
    font-family: Poppins-Medium, sans-serif;
  }
  .customer-list-view-outer-block table tr:last-child td {
    border-bottom: 0;
  }
  .customers-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 0.78125vw;
    padding-left: 1.45833vw;
    padding-right: 1.45833vw;
    margin-bottom: 2.60417vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    /*======================
    Toggle Switch CSS
  =======================*/
  }
  .customers-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.05208vw solid rgba(48, 48, 48, 0.4);
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #303030;
    padding-top: 1.77083vw;
    padding-bottom: 1.77083vw;
  }
  .customers-list-view-container .table td,
  .customers-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: baseline;
    border-top: transparent;
  }
  .customers-list-view-container img {
    height: auto;
    width: 2.86458vw;
    margin-right: 1.14583vw;
    border-radius: 1.5625vw;
  }
  .customers-list-view-container .edit-img-customer {
    height: auto;
    width: 1.5625vw;
    margin-left: 0vw;
    position: absolute;
    right: 0;
    margin-right: 0;
  }
  .customers-list-view-container .edit-img {
    height: auto;
    width: 1.5625vw;
    margin-left: 0vw;
    position: absolute;
    right: 0;
    margin-right: 0;
  }
  .customers-list-view-container .toggle-switch-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .customers-list-view-container .toggle-switch-section p {
    margin: 0;
  }
  .customers-list-view-container .toggle-switch-section label {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .customers-table-title .table,
  .customers-table-title thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-style: italic;
  }
  /************************************
       Sliding Component Css
************************************/
  .toggle .toggle-chk-circle {
    position: relative;
    background-color: #fff;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 2.76042vw;
    height: 1.40625vw;
    border-radius: 3.125vw;
    position: relative;
    outline: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
  }
  .toggle input {
    cursor: pointer;
    width: 2.76042vw;
    height: 1.40625vw;
    position: absolute;
    z-index: 1;
    background: black;
    opacity: 0;
  }
  .toggle input:checked + .toggle__switch {
    background-color: #fff;
  }
  .toggle input:checked + .toggle__switch:after {
    left: 7%;
    background-color: #72ff5a;
  }
  .toggle .toggle__switch:after {
    content: "";
    display: block;
    width: 1.09375vw;
    height: 1.09375vw;
    background-color: #cccccc;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 3.125vw;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    left: calc(100% - 1.3vw);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  /* ===============================================================
                    
                    LOGIN AND SIGNUP CSS
                    
================================================================== */
  .login-container {
    padding-top: 6.35417vw;
    padding-bottom: 4.16667vw;
    min-height: 100vh;
    background-color: #f9debe;
    background-image: url("../../img/auth/signup-bg-new-1.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    /*====================
    Content css
  =====================*/
    /*====================
    Tabs custom css
  =====================*/
    /*====================
    Login Form Css
  =====================*/
  }
  .login-container .signup-content-div {
    display: none;
  }
  .login-container .dominate-login-logo {
    text-align: center;
    margin-top: 0vw;
    margin-bottom: 4.47917vw;
  }
  .login-container .copyright_text {
    margin-top: 4.16667vw;
    color: #453890;
    font-size: 1.04167vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
  }
  .login-container h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
    margin-bottom: 0.78125vw;
    color: #000000;
  }
  .login-container p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
  }
  .login-container .signup-content-div h3,
  .login-container .signup-content-div p {
    color: #ffffff;
  }
  .login-container .rwt__tablist {
    text-align: center;
  }
  .login-container .heading-divider {
    width: 9.11458vw;
    margin: 0 auto;
    height: 1.19792vw;
    margin-top: 0;
    margin-bottom: 0.52083vw;
    background-image: url("../../img/auth/yellow-underline.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .login-container .rwt__tab[aria-selected="true"] {
    position: relative;
    color: #000000;
    background-color: #ffffff;
    border-top-left-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
  }
  .login-container .rwt__tab {
    color: #ffffff;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    padding: 1.82292vw 3.38542vw 0 3.38542vw;
    -webkit-transition: none;
    transition: none;
  }
  .login-container .rwt__tablist:not([aria-orientation="vertical"])
.rwt__tab[aria-selected="true"]:after {
    bottom: -1px;
    left: 0;
    width: 100%;
  }
  .login-container .rwt__tab[aria-selected="true"]:after {
    content: "";
    position: absolute;
  }
  .login-container .rwt__tab {
    width: 50%;
    font-family: Poppins-SemiBold;
    color: #ffffff;
    font-size: 1.82292vw;
    line-height: 1.97917vw;
  }
  .login-container .rwt__tabpanel {
    padding: 3.02083vw;
    border-bottom-left-radius: 1.04167vw;
    border-bottom-right-radius: 1.04167vw;
    background-color: white;
    -webkit-box-shadow: 0 0.15625vw 0.625vw rgba(0, 0, 0, 0.41);
            box-shadow: 0 0.15625vw 0.625vw rgba(0, 0, 0, 0.41);
  }
  .login-container .login-form-fields {
    margin-top: 2.60417vw;
    /*========================
      subscription fields css
    ===========================*/
    /*==========================
        progress bar css
    ===========================*/
  }
  .login-container .login-form-fields button {
    width: 12.8125vw;
    height: 2.91667vw;
    background-color: #54349f;
    border-radius: 1.45833vw;
    font-size: 1.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: none;
    color: #ffffff;
  }
  .login-container .login-form-fields .back-btn {
    background-color: transparent;
    border: 0.10417vw solid #54349f;
    color: #54349f;
  }
  .login-container .login-form-fields label {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
    margin-bottom: 1.14583vw;
  }
  .login-container .login-form-fields .form-group {
    margin-bottom: 3.125vw;
  }
  .login-container .login-form-fields .form-control-new {
    width: 100%;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 0.15625vw solid rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields .form-control-new:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #54349f;
  }
  .login-container .login-form-fields input {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #54349f;
    margin: 0;
    border-bottom: 1px solid rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields ::-webkit-input-placeholder {
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields :-ms-input-placeholder {
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields ::-ms-input-placeholder {
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields ::placeholder {
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields .workspace-name-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .login-container .login-form-fields .workspace-name-div .fa {
    right: 1.04167vw;
  }
  .login-container .login-form-fields .workspace-name-div p {
    font-size: 1.66667vw;
    line-height: 2.91667vw;
    color: #000000;
    margin: 0;
  }
  .login-container .login-form-fields label {
    color: #303030;
    font-size: 1.5625vw;
    line-height: 2.39583vw;
    font-family: Poppins-Bold;
  }
  .login-container .login-form-fields .subscription .subscription-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2.60417vw;
    width: 24.84375vw;
    height: 7.8125vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 0;
    margin-left: 2.08333vw;
    margin-right: 2.08333vw;
    margin-top: 1.04167vw;
    margin-bottom: 1.5625vw;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #502eff;
  }
  .login-container .login-form-fields .subscription .plan-content {
    width: 7.29167vw;
    margin-left: 2.08333vw;
    margin-right: 2.08333vw;
  }
  .login-container .login-form-fields .subscription .plan-price {
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    font-size: 1.25vw;
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription .plan-name {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-size: 1.25vw;
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription .plan-users {
    font-family: Poppins-MediumItalic, sans-serif, "Helvetica";
    font-size: 0.78125vw;
    line-height: 1.19792vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription-box.active-plan {
    background-image: url("../../img/plans/active-plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    color: #ffffff;
  }
  .login-container .login-form-fields .subscription-box:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .subscription-box-1:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .fa-eye {
    position: absolute;
    right: 4.16667vw;
    font-size: 1.30208vw;
    margin-top: 1.04167vw;
  }
  .login-container .login-form-fields .fa-eye:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .fa-eye-slash {
    position: absolute;
    right: 4.16667vw;
    font-size: 1.30208vw;
    margin-top: 1.04167vw;
  }
  .login-container .login-form-fields .fa-eye-slash:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .form-progress-bar {
    margin-bottom: 1.5625vw;
    border-top: 0.26042vw solid #ffd000;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  .login-container .login-form-fields .form-progress-bar p {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 0.83333vw;
    line-height: 0.9375vw;
    color: #453890;
    font-family: Poppins-Regular;
  }
  .login-container .login-form-fields .form-progress-1 {
    width: 16.66%;
  }
  .login-container .login-form-fields .form-progress-2 {
    width: 33.32%;
  }
  .login-container .login-form-fields .form-progress-3 {
    width: 49.98%;
  }
  .login-container .login-form-fields .form-progress-4 {
    width: 66.64%;
  }
  .login-container .login-form-fields .form-progress-5 {
    width: 100%;
  }
  .login-container .login-form-fields .form-progress-6 {
    width: 100%;
  }
  .subscription-box__imgBlock {
    margin: 0 auto;
  }
  .login-signup-tabs-container input {
    background-color: transparent;
    color: #54349f;
  }
  .login-signup-tabs-container input:-webkit-autofill,
  .login-signup-tabs-container input:-webkit-autofill:hover,
  .login-signup-tabs-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #54349f;
    border: 1px solid inherit;
    -webkit-box-shadow: 0 0 0 52.08333vw transparent inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
  }
  .login-signup-tabs-container .rwt__tab {
    color: rgba(69, 56, 144, 0.7);
  }
  .login-signup-tabs-container .rwt__tabs {
    width: 33.85417vw;
    margin: 0 auto;
  }
  .login-signup-tabs-container .rwt__tab[aria-selected="true"],
  .login-signup-tabs-container .rwt__tabpanel {
    background-color: #f9debe;
  }
  .login-signup-tabs-container .rwt__tab[aria-selected="true"] {
    color: #453890;
    -webkit-box-shadow: 0 -0.26042vw 0.78125vw rgba(189, 189, 189, 0.22);
            box-shadow: 0 -0.26042vw 0.78125vw rgba(189, 189, 189, 0.22);
    margin-bottom: 0;
  }
  .login-signup-tabs-container .rwt__tabpanel {
    -webkit-box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
            box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
  }
  .login-new-desc-text {
    color: rgba(149, 120, 177, 0.65);
    font-size: 1.66667vw !important;
    line-height: 2.23958vw !important;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    width: 15.72917vw;
    margin: 0 auto;
    text-align: center;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .customModal--mail-max-height {
    min-height: 34.11458vw !important;
    max-height: 36.19792vw;
    overflow: auto;
  }
  .backtokanban_button {
    position: absolute;
    width: 3.90625vw;
    left: 3.22917vw;
  }
  .backtokanban_button:hover {
    cursor: pointer;
  }
  .files-open-btn {
    margin-top: 1.04167vw;
    height: 2.08333vw;
    background: #453890;
    color: #ffffff;
    width: 5.46875vw;
    font-size: 0.78125vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: 0;
    border-radius: 0.3125vw;
  }
  .activity-outer-container {
    min-height: 100vh;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    margin: 0 7.60417vw 0 7.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .activity-outer-container .activity-outer-container__colm1 {
    width: 21.25vw;
    padding: 2.5vw 1.51042vw 1.61458vw 1.77083vw;
    -webkit-box-shadow: 0.52083vw 0.52083vw 1.5625vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.52083vw 0.52083vw 1.5625vw rgba(0, 0, 0, 0.16);
  }
  .activity-outer-container .activity-outer-container__colm2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 64.0625vw;
  }
  .activity-title-img-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.98958vw;
    word-break: break-all;
  }
  .activity-page-lead-img {
    width: 3.125vw;
    margin-right: 0.88542vw;
    border-radius: 50%;
  }
  .btn-funnel-view--activitySummary {
    width: 8.07292vw;
    height: 2.08333vw;
    margin-right: 1.09375vw;
    margin-bottom: 0.52083vw;
    color: #ffffff;
    border: transparent;
    background: rgba(154, 184, 255, 0.4);
    background: linear-gradient(1deg, rgba(0, 60, 255, 0.4) 0%, rgba(154, 184, 255, 0.4) 100%);
  }
  .activity-summary-about {
    margin-top: 0.98958vw;
    margin-bottom: 1.51042vw;
  }
  .activity-summary-about h6 {
    margin-bottom: 0.83333vw;
  }
  .contact-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    margin-bottom: 0.46875vw;
  }
  .contact-content-block .contact-content-block__imgDiv {
    width: 1.97917vw;
    margin-right: 0.46875vw;
  }
  .summary-gmailImg {
    width: 1.97917vw;
  }
  .summary-outlookImg {
    font-size: 1.66667vw;
    line-height: 1.66667vw;
    width: 1.66667vw;
    border-radius: 0.15625vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .summaryLocation {
    font-size: 1.45833vw;
    line-height: 2.13542vw;
    width: 1.66667vw;
  }
  .summaryLocationText {
    width: 50%;
    word-break: break-word;
  }
  .summary-border-bottom {
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
    padding-bottom: 1.66667vw;
  }
  .justify-content-space-between {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  /* =========================================================== */
  /* ===============================================================
                    
                            activity

================================================================== */
  .activity-delete-img {
    height: 1.45833vw;
    cursor: pointer;
  }
  .ac-activity-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.40625vw;
    padding-right: 2.13542vw;
    padding-bottom: 1.40625vw;
    border-top: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-activity-card:last-child {
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-activity-emoji {
    margin-left: 3.54167vw;
    margin-right: 4.63542vw;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .ac-email-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ac-email-title h5 {
    cursor: pointer;
  }
  .activity-text-border-right {
    margin-left: 0.9375vw;
    margin-right: 0.9375vw;
  }
  .activity-text-border-right::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.04167vw;
    background-color: rgba(112, 112, 112, 0.49);
  }
  .leads-title-block-btn-red-bg--activity {
    width: 7.23958vw;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
  }
  .ac-activity-card--email {
    padding-left: 1.04167vw;
    padding-right: 0.52083vw;
  }
  .ac-activity-card--email .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    right: 1px !important;
  }
  .ac-email-lead-img {
    width: 3.22917vw;
    margin-right: 1.5625vw;
    border-radius: 30px;
  }
  .ac-email-edit-dropdown-img {
    cursor: pointer;
    height: 0.9375vw;
    width: 0.9375vw;
  }
  .border-bottom-gray-light {
    border-bottom: 0.5px solid rgba(112, 112, 112, 0.14);
    padding-bottom: 0.26042vw;
    margin-bottom: 0.26042vw;
  }
  .ac-email-modal-form-block {
    padding-left: 1.5625vw;
    padding-right: 1.92708vw;
  }
  .ac-email-modal-subject-input {
    width: 100%;
    padding: 0.52083vw;
    border: 0.5px solid rgba(112, 112, 112, 0.14);
    border-left: transparent;
    border-right: transparent;
  }
  .ac-email-modal-subject-textarea {
    width: 100%;
    border-color: transparent;
    border-radius: 0.52083vw;
    -webkit-box-shadow: inset 0 0 1.5625vw rgba(128, 128, 128, 0.16);
            box-shadow: inset 0 0 1.5625vw rgba(128, 128, 128, 0.16);
    padding: 0.52083vw;
  }
  .btn-funnel-view--activitySummary--email {
    width: 11.35417vw;
    height: 2.8125vw;
    font-size: 1.09375vw;
    line-height: 0.52083vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    background: #453890;
  }
  .btn-funnel-view--emailTemplate {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 2.8125vw;
    padding-left: 1.30208vw;
    padding-right: 1.30208vw;
    font-size: 1.09375vw;
    line-height: 0.52083vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    color: #453890;
    border-color: #453890;
  }
  .btn-funnel-view--emailUseTemplate {
    height: 2.1875vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
    line-height: 0.52083vw;
    margin-bottom: 0;
    margin-left: 0.625vw;
    font-size: 0.83333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: none;
    text-transform: capitalize;
    color: #ffffff;
    background: rgba(65, 88, 208, 0.8);
    background: -webkit-gradient(linear, left top, right top, from(rgba(65, 88, 208, 0.8)), color-stop(35%, rgba(200, 80, 192, 0.8)), to(rgba(255, 204, 112, 0.8)));
    background: linear-gradient(90deg, rgba(65, 88, 208, 0.8) 0%, rgba(200, 80, 192, 0.8) 35%, rgba(255, 204, 112, 0.8) 100%);
  }
  .ac-email-modal-btns-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.04167vw;
  }
  .ac-email-template-delete-img {
    cursor: pointer;
    height: 1.5625vw;
    margin-top: 0.15625vw;
    margin-left: 1.19792vw;
  }
  .ac-activity-card--emailUseTemplate {
    margin: 0 2.34375vw 0.52083vw 1.04167vw;
    padding: 0 1.04167vw 0 1.04167vw;
    padding-top: 0.83333vw;
    border-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
  }
  .ac-activity-card--emailUseTemplate:last-child {
    border-bottom: 0;
  }
  .ac-activity-card--emailUseTemplate .font-18-semibold,
  .ac-activity-card--email .font-18-semibold {
    font-size: 1.09375vw;
  }
  .ac-use-template-border-bottom {
    padding-bottom: 1.40625vw;
  }
  .ac-use-template-border-bottom {
    padding-right: 0.52083vw;
    margin-right: 0.57292vw;
    border-bottom: none;
    width: 100%;
  }
  .ac-email-template-outer-container {
    margin-bottom: 1.5625vw;
    max-height: 23.4375vw;
    overflow: auto;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .ac-call-recording-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 0.67708vw;
    margin-bottom: 1.35417vw;
  }
  .activity-text-border-right--acCallLog {
    margin-left: 2.34375vw;
    margin-right: 2.34375vw;
  }
  .justify-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ac-call-log-history-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.14583vw 2.34375vw;
    margin-right: 3.48958vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-call-log-history-card:last-child {
    border-bottom: 0;
  }
  .ac-call-log-history-card .ac-call-log-history-card__1 {
    width: 11.09375vw;
    padding-right: 1.5625vw;
  }
  .ac-call-log-history-card .ac-call-log-history-card__2 {
    width: 13.69792vw;
    padding-right: 1.5625vw;
  }
  .ac-call-log-history-card .ac-call-log-history-card__3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ac-call-recordings-content {
    padding-left: 2.55208vw;
  }
  .ac-call-recordings-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ac-call-recording-card {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
    border-top-left-radius: 0.36458vw;
    border-top-right-radius: 0.36458vw;
    position: relative;
    margin-right: 1.09375vw;
    margin-bottom: 2.86458vw;
  }
  .ac-call-recording-card .ac-call-recording-card__overflow {
    width: 8.90625vw;
    height: 10.46875vw;
    margin: 0.52083vw 0;
    overflow: auto;
    padding: 0 0.52083vw;
  }
  .ac-call-recording-card::after {
    content: "";
    position: absolute;
    bottom: -1.19792vw;
    width: 100%;
    height: 1.19792vw;
    display: block;
    -webkit-box-shadow: 0 0.26042vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.26042vw 2.60417vw rgba(128, 128, 128, 0.16);
    background: rgba(0, 60, 255, 0.3);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 60, 255, 0.3)), color-stop(82%, rgba(154, 184, 255, 0.3)));
    background: linear-gradient(180deg, rgba(0, 60, 255, 0.3) 0%, rgba(154, 184, 255, 0.3) 82%);
    border-bottom-left-radius: 0.36458vw;
    border-bottom-right-radius: 0.36458vw;
  }
  .ac-call-recording-audio-img {
    margin-top: 3.02083vw;
    margin-bottom: 0.67708vw;
    width: 2.96875vw;
  }
  .ac-email-edit-dropdown-img--callRecording {
    position: absolute;
    right: 0.10417vw;
    top: 0.52083vw;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .leads-title-block-btn-red-bg--notes {
    width: 7.8125vw;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .searchBlockStyle {
    width: 13.02083vw !important;
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-notes-cards-container {
    margin-top: 1.97917vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .ac-notes-cards-container .ac-notes-cards-container__card {
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
    border-radius: 1.04167vw;
    -webkit-box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
    background-color: #ffffff;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflow,
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflowHidden {
    width: 15.10417vw;
    height: 4.94792vw;
    margin: 1.35417vw 1.35417vw 1.71875vw 1.35417vw;
    padding: 0 0.20833vw;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflow {
    overflow: auto;
    height: 6.77083vw;
    margin: 1.35417vw 1.35417vw 1.61458vw 1.35417vw;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflowHidden {
    overflow: hidden;
  }
  .ac-notes-modal-container,
  .ac-files-modal-container {
    max-height: 36.45833vw;
    overflow: auto;
  }
  .ac-notes-modal-container {
    padding: 2.1875vw 3.22917vw 0.625vw 2.1875vw;
  }
  .ac-notes-border-bottom-gray {
    padding-bottom: 1.30208vw;
    margin-bottom: 2.34375vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.19);
  }
  .ac-files-modal-container {
    padding: 1.14583vw 0.41667vw 0.15625vw 1.25vw;
  }
  .ac-input-file-block-textarea {
    margin: 4.73958vw 3.69792vw 1.61458vw 2.86458vw;
  }
  .ac-input-file-block-textarea textarea {
    padding: 1.5625vw;
  }
  .ac-input-file-block {
    margin: 0 3.69792vw 0 2.86458vw;
    position: relative;
  }
  .ac-input-file-block .ac-input-file-block__textInput,
  .ac-input-file-block .ac-input-file-block__fileInput {
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.65625vw;
    padding-left: 1.97917vw;
    padding-right: 1.97917vw;
  }
  .ac-input-file-block .ac-input-file-block__textInput {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: transparent;
    background-color: #f7f7f7;
    border-radius: 1.35417vw;
    padding: 0.52083vw 1.97917vw;
  }
  .ac-input-file-block .ac-input-file-block__fileInput {
    opacity: 0;
    z-index: 999;
  }
  .ac-input-file-block__note {
    padding-left: 3.54167vw;
    opacity: 0.32;
    position: relative;
    top: 3.59375vw;
  }
  .ac-input-file-block__border-onfocus {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 2.65625vw;
    padding-left: 1.97917vw;
    padding-right: 1.97917vw;
    z-index: 0;
  }
  .ac-input-file-block__fileInput:focus + .ac-input-file-block__border-onfocus {
    content: "";
    border: 0.10417vw solid rgba(204, 204, 204, 0.2) !important;
    border-radius: 1.5625vw;
    display: block;
  }
  .ac-input-file-block__errorBlock {
    padding-left: 3.69792vw;
    position: relative;
    top: 3.75vw;
  }
  .ac-input-file-block__errorBlock-description {
    padding-left: 1.04167vw;
  }
  .ac-files-buttons-container {
    text-align: right;
    margin-top: 1.92708vw;
  }
  .ac-files-buttons-container--notes {
    margin-top: 2.96875vw;
  }
  .btn-funnel-view--files {
    width: 9.21875vw;
    margin-top: 0.88542vw;
  }
  .btn-funnel-view--files:first-child {
    margin-right: 0.88542vw;
  }
  .btn-funnel-view--filesSelect {
    width: 100%;
    height: auto;
    border: transparent;
    background: #dddddd;
  }
  .notes-3-dots-div {
    position: relative;
  }
  .notes-3-dots-img {
    position: absolute;
    right: 0.26667vw;
  }
  /* ===============================================================
                    
                    activity : summary view profile

================================================================== */
  .activity-summary-view-profile {
    padding: 0.26042vw 1.30208vw 1.04167vw 2.34375vw;
  }
  .activity-summary-view-profile__overflow-block {
    max-height: 28.64583vw;
    overflow: auto;
  }
  .activity-title-img-text--view-profile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .activity-summary-view-profile__fold3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .activity-summary-view-profile__fold3 .activity-summary-about {
    max-width: 13.02083vw;
    word-break: break-all;
    margin-right: 6.77083vw;
  }
  .activity-summary-view-profile__fold3 .activity-summary-about:last-child {
    margin-right: 0;
  }
  .view-profile-icon-edit {
    margin-left: 0.88542vw;
    width: 1.25vw;
    cursor: pointer;
  }
  .view-profile-icon-delete {
    margin-left: 1.09375vw;
    width: 1.25vw;
    cursor: pointer;
  }
  /* ===============================================================
                    
            activity : summary view profile edit

================================================================== */
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tablist,
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tablist button {
    padding: 0;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tablist button {
    margin-right: 1.5625vw;
    margin-left: 1.5625vw;
    width: 8.64583vw;
    text-align: center;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tablist {
    text-align: center;
    margin-top: 0.83333vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tablist button[aria-selected="true"]::after {
    content: "";
    display: block;
    width: 8.64583vw;
    height: 0.26042vw;
    margin-top: 0.83333vw;
    background-color: #303030;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .rwt__tabpanel {
    padding: 1.82292vw 0 0 0;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile label,
  .activityMenuTabs.activityMenuTabs--editModalViewProfile input,
  .activityMenuTabs.activityMenuTabs--editModalViewProfile textarea {
    margin-left: 0;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile textarea {
    width: 95%;
    margin-top: 0.78125vw;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile input {
    margin-top: 0.78125vw;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .shipping-form-flex {
    width: 98%;
  }
  .activityMenuTabs.activityMenuTabs--editModalViewProfile .shipping-form-flex div {
    width: 50%;
  }
  .edit-profile-modal-outer-div {
    padding-left: 3.02083vw;
    padding-right: 0.9375vw;
    padding-top: 0.46875vw;
  }
  .view-profile-basic-edit-acc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 0.52083vw;
    width: 98%;
  }
  .view-profile-basic-edit-acc .summary-outlookImg {
    margin-right: 0.78125vw;
    border-radius: 0.15625vw;
  }
  .view-profile-basic-edit-acc input {
    margin-right: 1.82292vw;
  }
  .overflow-form {
    max-height: 31.25vw;
    overflow: auto;
  }
  /* ===============================================================
                    
                            activity timeline

================================================================== */
  .leads-timeline-icons-block {
    width: 1.30208vw;
  }
  .leads-timeline-orange-icon {
    display: block;
    width: 1.30208vw;
    margin-bottom: 0.83333vw;
  }
  .leads-timeline-gray-icon {
    display: block;
    width: 0.46875vw;
    height: 0.46875vw;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #eaeaea;
    margin-bottom: 0.83333vw;
  }
  .leads-timeline-left-block-with-icons,
  .leads-timeline-right-block-with-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .leads-timeline-left-block-with-icons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .leads-timeline-right-block-with-icons {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .leads-timeline-left-block,
  .leads-timeline-right-block {
    width: 25.83333vw;
    height: 5.83333vw;
    overflow: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 1.5625vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.15625vw 1.5625vw rgba(0, 0, 0, 0.1);
    padding: 1.45833vw 1.04167vw 0.9375vw 1.92708vw;
  }
  .leads-timeline-left-block {
    border-radius: 1.04167vw 0 1.04167vw 1.04167vw;
    margin-right: 1.5625vw;
  }
  .leads-timeline-right-block {
    border-radius: 0 1.04167vw 1.04167vw 1.04167vw;
    margin-left: 1.5625vw;
    margin-right: 1.40625vw;
  }
  .leads-timeline-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .leads-timeline-card .leads-timeline-card__div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .leads-timeline-card .leads-timeline-card__div-img {
    width: 1.19792vw;
    margin-right: 0.52083vw;
    border-radius: 1.5625vw;
  }
  /*============================
    Employees CSS
=============================*/
  .employees-overview-container {
    padding-left: 7.34375vw;
    padding-top: 1.30208vw;
  }
  .fa-search,
  .fa-list:hover {
    cursor: pointer !important;
  }
  /*==========================
  Employees Block veiw css
============================*/
  .employees-block-view-conatiner {
    padding-left: 7.34375vw !important;
    padding-right: 7.34375vw !important;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
  .employees-block-view-conatiner .employees-profile_card {
    margin-bottom: 1.5625vw;
  }
  .employees-block-view-conatiner .employees-profile_card img {
    height: 10.88542vw;
    width: 10.88542vw;
    border-radius: 100%;
    margin-bottom: 1.5625vw;
  }
  .employees-block-view-conatiner h3 {
    font-size: 1.19792vw;
    line-height: 1.77083vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #303030;
  }
  .employees-block-view-conatiner p {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #707070;
  }
  .employees-large-card-popup .employees-large-card {
    background-color: #ffffff;
    border-radius: 0.78125vw;
    padding: 1.09375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .employees-large-card-popup .employees-large-card .employees-large-card__profileImg {
    height: auto;
    width: 14.58333vw;
    border-radius: 50%;
  }
  .employees-large-card-popup .employees-large-card .button-section {
    margin-top: 0.72917vw;
  }
  .employees-large-card-popup .employees-large-card .button-section h2 {
    font-size: 1.35417vw;
    line-height: 2.03125vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #1aff7c;
    margin-top: 0.78125vw;
    margin-bottom: 0.78125vw;
  }
  .employees-large-card-popup .employees-large-card .button-section .btn-funnel-view--emp {
    background: linear-gradient(306deg, rgba(80, 46, 255, 0.8) 0%, rgba(209, 199, 255, 0.8) 100%) !important;
  }
  .employees-large-card-popup .employees-large-card .attendance h3 {
    font-size: 4.16667vw;
    line-height: 4.6875vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    color: rgba(48, 48, 48, 0.6);
    opacity: 0.6;
    margin-bottom: 0;
  }
  .employees-large-card-popup .employees-large-card .attendance p {
    font-size: 1.04167vw;
    line-height: 1.61458vw;
    color: #303030;
    margin-top: 0;
  }
  .employees-large-card-popup .employees-large-card .attendance .leaves-taken {
    margin-bottom: 1.82292vw;
  }
  .employees-large-card-popup .employees-large-card .lead-closure-rate-sphere p {
    font-size: 1.04167vw;
    line-height: 1.61458vw;
    color: #303030;
    margin-top: 0.78125vw;
  }
  .employees-large-card-popup .employees-large-card .lead-closure-rate-sphere .circle {
    display: block;
    border-radius: 50%;
    height: 12.44792vw;
    width: 12.44792vw;
    margin: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dca3ff), color-stop(#c9acff), color-stop(#b7b3ff), color-stop(#a7baff), color-stop(#9cbfff), color-stop(#8bc7ff), color-stop(#7cceff), color-stop(#71d5ff), color-stop(#5ee0ff), color-stop(#50ebff), color-stop(#4ef6f8), to(#5dffed));
    background-image: linear-gradient(to bottom, #dca3ff, #c9acff, #b7b3ff, #a7baff, #9cbfff, #8bc7ff, #7cceff, #71d5ff, #5ee0ff, #50ebff, #4ef6f8, #5dffed);
  }
  /*==========================
    Employees List veiw css
============================*/
  .employees-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 0.78125vw;
    padding-left: 1.45833vw;
    padding-right: 1.45833vw;
    margin-bottom: 2.60417vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
  }
  .employees-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.05208vw solid rgba(48, 48, 48, 0.4);
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    padding-top: 1.77083vw;
    padding-bottom: 1.77083vw;
  }
  .employees-list-view-container .table td,
  .employees-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: baseline;
    border-top: transparent;
  }
  .employees-list-view-container img {
    height: auto;
    width: 2.86458vw;
    margin-right: 1.14583vw;
  }
  .edit-img-employee {
    height: auto !important;
    width: 1.5625vw !important;
    margin-right: 0 !important;
    float: right;
  }
  .edit-img-employee-column {
    width: 0.52083vw !important;
  }
  .employees-table-title .name-heading {
    width: 41.14583vw;
    padding-left: 2.60417vw;
  }
  .employees-table-title .position-heading {
    width: 17.70833vw;
  }
  .employees-table-title .table,
  .employees-table-title thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 1.25vw;
    line-height: 1.82292vw;
  }
  /*===========================
    employees card modal
=============================*/
  .skylight-dialog {
    width: 70.88542vw !important;
    min-height: 21.77083vw !important;
    position: fixed;
    top: 20% !important;
    left: 14% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    background-color: white;
    border-radius: 0.78125vw !important;
    z-index: 100;
    padding: 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
            box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 1200ms;
            transition-duration: 1200ms;
  }
  /*================================
     Employee Approval Card css
=================================*/
  .employee-appreoval-card {
    margin-bottom: 1.5625vw;
  }
  .employee-appreoval-card .card {
    background-color: #ffffff;
    border-radius: 0.52083vw;
    padding: 1.5625vw;
    width: 27.39583vw;
    height: auto;
    border: none;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
  }
  .employee-appreoval-card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    padding: 0.9375vw;
    border-bottom: 0.05208vw solid #30303047;
  }
  .employee-appreoval-card .employee-appreoval-card__profile-img {
    height: auto;
    width: 3.90625vw;
    margin-right: 1.5625vw;
    border-radius: 2.60417vw;
  }
  .employee-appreoval-card h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-appreoval-card p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .employee-appreoval-card h4 {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-appreoval-card .leave-type-and-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.30208vw;
  }
  .employee-appreoval-card button {
    margin-top: 0.26042vw;
    width: 9.21875vw;
    height: 2.76042vw;
    border-radius: 1.45833vw;
    background-color: #ffffff;
    color: #303030;
    border: 0.10417vw solid #303030;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
  }
  .employee-appreoval-card .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    background-color: transparent;
    border-top: 0.05208vw solid #30303047;
  }
  .approval-pending-title {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-SemiBold;
    margin-bottom: 1.5625vw;
  }
  /*==================================
      Set Employee Password
====================================*/
  .set-password-modal {
    width: 41.82292vw !important;
    padding: 0 !important;
    border-radius: 1.04167vw;
  }
  .set-employee-password .heading {
    border-top-left-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
    background-color: #ffffff;
    padding-left: 2.60417vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    font-size: 1.25vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .set-employee-password .password-content {
    padding-top: 1.04167vw;
    height: 21.875vw;
    background-color: rgba(211, 211, 211, 0.16);
    padding-right: 2.60417vw;
    padding-left: 2.60417vw;
  }
  .set-employee-password .password-content .add-lead-input-field {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #303030;
  }
  .set-employee-password .password-content h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .set-employee-password .password-content p {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 1.04167vw;
  }
  .set-employee-password .password-content button {
    width: 8.33333vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    background-color: #6266e1;
    color: white;
    border: 0.10417vw solid #303030;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Medium;
    float: right;
    border: none;
    margin-right: 1.82292vw;
  }
  .set-password-broken-link .heading {
    border-top-left-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
    background-color: #ffffff;
    padding-left: 2.60417vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    font-size: 1.25vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .set-password-broken-link .password-content {
    padding-top: 1.04167vw;
    height: 9.375vw;
    background-color: rgba(211, 211, 211, 0.16);
    padding-right: 2.60417vw;
    padding-left: 2.60417vw;
  }
  .set-password-broken-link .password-content .add-lead-input-field {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #303030;
  }
  .set-password-broken-link .password-content h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .set-password-broken-link .password-content p {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 1.04167vw;
  }
  .set-password-broken-link .password-content button {
    width: 8.33333vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    background-color: #6266e1;
    color: white;
    border: 0.10417vw solid #303030;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Medium;
    float: left;
    border: none;
    margin-right: 1.82292vw;
  }
  /*=====================================
    employee password set broken link
======================================*/
  /*============================
      Add Employees css
=============================*/
  .employees-dte-of-joining {
    margin-left: 3.02083vw;
    margin-top: 2.34375vw;
  }
  /*===============================================
              Employee data css
================================================*/
  .employee-data-container {
    margin-top: 0.10417vw;
  }
  .employee-data-container .rwt__tablist {
    text-align: center;
  }
  .employee-data-container .icon-table-column {
    width: 5.20833vw;
  }
  .employee-data-container .content-column {
    width: 26.04167vw;
  }
  .employee-data-container .time-column {
    width: 3.125vw;
    vertical-align: inherit !important;
  }
  .employee-data-container .table td,
  .employee-data-container .table th {
    padding: 1.04167vw;
    vertical-align: top;
    border-bottom: 0.15625vw solid #dee2e6;
    border-top: 0;
  }
  .employee-data-container .employee-data-activity p {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-family: Poppins-Regular;
    margin: 0;
    color: #303030;
  }
  .employee-data-container .employee-data-activity span {
    font-family: Poppins-SemiBold;
  }
  .employee-data-container .employee-data-leads-own th,
  .employee-data-container .employee-data-leads-own td {
    width: 20%;
    word-break: break-all;
  }
  .employee-data-container .employee-data-leads-own img {
    height: auto;
    width: 2.60417vw;
    margin-right: 0.78125vw;
    border-radius: 2.60417vw;
  }
  .employee-data-container .employee-data-leads-own th {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-data-container .employee-data-leads-own td {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Medium;
    vertical-align: inherit !important;
  }
  .members-new-container .cmd-centre-block.cmd-centre-block--leadsNew {
    background: url("../../img/background-new-design/chat-bg.svg");
  }
  .employees-overview-container--membersNew {
    margin-top: 0.52083vw;
    padding: 1.04167vw 0 1.14583vw 3.75vw;
  }
  .employees-overview-container--membersNew .leads-gradient-block {
    width: 13.54167vw;
    height: 6.92708vw;
    margin-right: 1.77083vw;
    margin-bottom: 1.14583vw;
    padding: 1.04167vw 0.52083vw 0.52083vw 0.52083vw;
  }
  .employees-overview-container--membersNew .leads-gradient-block-font-100 {
    font-size: 1.97917vw;
    line-height: 1.09375vw;
    padding-top: 0.3125vw;
    padding-bottom: 0.3125vw;
  }
  .employees-overview-container--membersNew .font-24-semibold {
    font-size: 0.83333vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .alphabates-filter-container--members-new {
    margin: 1.5625vw 3.90625vw 0.52083vw 3.90625vw;
    padding: 0.52083vw 1.5625vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .alphabates-filter-container--members-new .alphabates-filter {
    margin-top: 0;
  }
  .members-new-list-block-view-container {
    margin-top: 2.34375vw;
    padding-left: 3.90625vw;
    padding-right: 3.90625vw;
  }
  .customer-list-view-outer-block {
    margin-bottom: 1.5625vw;
  }
  .members-new-list-view-container__row-heading h2 {
    font-style: italic;
  }
  .members-new-list-view-container__row-content {
    background: #c0c8df;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    margin-bottom: 0.52083vw;
  }
  .members-new-list-view-container__colm1,
  .members-new-list-view-container__colm2,
  .members-new-list-view-container__colm3,
  .members-new-list-view-container__colm4,
  .members-new-list-view-container__colm5 {
    padding: 1.04167vw;
  }
  .members-new-list-view-container__colm1 {
    width: 25%;
  }
  .members-new-list-view-container__colm5 {
    width: 20%;
  }
  .members-new-list-view-container__colm2,
  .members-new-list-view-container__colm3,
  .members-new-list-view-container__colm4 {
    width: 18%;
  }
  .members-new-list-view-img-block {
    width: 3.22917vw;
    height: 3.22917vw;
    border-radius: 100%;
    margin-right: 0.83333vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .members-new-list-view-img-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .members-new-list-btn {
    width: 5.83333vw;
    height: 1.97917vw;
    border: none;
    border-radius: 1.71875vw;
    color: #ffffff;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 0.88542vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .members-new-list-btn--view {
    background: #e6a0e9;
    background: linear-gradient(280deg, #e6a0e9 0%, #4568dc 100%);
    display: inline-block;
    text-align: center;
  }
  .members-new-list-btn--chat {
    width: 9.0625vw;
    height: 2.76042vw;
    display: inline-block;
    text-align: center;
    background: #e6a0e9;
    background: linear-gradient(290deg, #e6a0e9 0%, #4568dc 100%);
    line-height: 2.60417vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 1.30208vw;
  }
  .members-new-list-btn--edit {
    background: #f7797d;
    background: linear-gradient(285deg, #f7797d 0%, #fbd786 75%, #eaafc8 100%);
  }
  .members-new-block-view-container {
    width: 27.03125vw;
    height: auto;
    border-radius: 1.04167vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    background: #c0c8df;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    padding: 1.40625vw 1.30208vw;
    margin-right: 2.91667vw;
    margin-bottom: 2.91667vw;
    position: relative;
  }
  .members-new-block-view-container::after {
    content: "";
    width: 80%;
    height: 0.41667vw;
    background: #f6d365;
    background: -webkit-gradient(linear, left top, right top, from(#f6d365), to(#fda085));
    background: linear-gradient(90deg, #f6d365 0%, #fda085 100%);
    border-radius: 0.20833vw;
    position: absolute;
    bottom: -0.20833vw;
    left: 10%;
  }
  .members-new-block-view-container__img-block {
    width: 4.58333vw;
    height: 4.58333vw;
    border-radius: 100%;
    margin-right: 0.88542vw;
  }
  .members-new-block-view-container__img-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .members-new-CircularProgressbar {
    width: 4.32292vw;
    height: 4.32292vw;
    margin: 0 auto;
  }
  .members-new-CircularProgressbar .CircularProgressbar .CircularProgressbar-text {
    font-size: 2.13542vw;
    font-style: italic;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .members-new-CircularProgressbar .CircularProgressbar {
    width: 100% !important;
  }
  .members-new-CircularProgressbar--detailsProfile {
    width: 5.3125vw;
    height: 5.3125vw;
    margin-bottom: 0.625vw;
  }
  .members-new-block-view__text {
    margin-bottom: 0.10417vw;
  }
  .members-new-block-view__text-1 {
    color: rgba(48, 48, 48, 0.49);
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    text-transform: capitalize;
    font-style: italic;
    margin-bottom: 0.10417vw;
  }
  .members-new-block-view__text-2 {
    color: rgba(48, 48, 48, 0.49);
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    text-transform: capitalize;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    margin-bottom: 0.10417vw;
  }
  .members-new-block-view__text-follow-up-block {
    text-align: center;
    margin-right: 1.5625vw;
  }
  .members-new-block-view__text-follow-up {
    text-transform: uppercase;
    color: rgba(48, 48, 48, 0.48);
    margin-bottom: 0.57292vw;
  }
  .members-new-block-view__text-count {
    font-size: 1.45833vw;
    line-height: 2.1875vw;
    color: rgba(48, 48, 48, 0.86);
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    text-align: center;
  }
  .members-new-block-view__leads-closed {
    color: rgba(48, 48, 48, 0.86);
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .members-new-block-view__text-upcoming-leaves-light {
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    font-style: italic;
    padding-left: 0.83333vw;
    padding-right: 0.83333vw;
  }
  .members-new-block-view-container__row1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .members-new-dropdown-icon {
    cursor: pointer;
    width: 0.36458vw;
    margin: 0.78125vw 1.04167vw;
  }
  .members-new-details-profile-counts-row {
    border-left: 1px solid rgba(48, 48, 48, 0.5);
    border-right: 1px solid rgba(48, 48, 48, 0.5);
    padding-left: 2.34375vw;
    margin-top: 2.60417vw;
    margin-bottom: 1.5625vw;
  }
  .members-new-details-profile-count-block {
    margin-right: 2.34375vw;
    text-align: center;
    margin-top: 0.52083vw;
  }
  .members-new-details-profile-count-text {
    color: rgba(48, 48, 48, 0.86);
    font-size: 3.02083vw;
    line-height: 4.53125vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.46875vw;
  }
  .members-new-CircularProgressbar--detailsProfile {
    margin-top: 2.13542vw;
  }
  .members-new-details-profile-chat-icon {
    width: 1.35417vw;
    margin-right: 0.36458vw;
  }
  /* ===============================================================
                    
                            activity tabs

================================================================== */
  .activityMenuTabs .rwt__tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 1.30208vw 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 1.30208vw 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
  }
  .activityMenuTabs .rwt__tablist button {
    padding: 1.51042vw 2.96875vw 2.03125vw 2.96875vw;
    padding: 1.51042vw 2.96875vw 2.03125vw 2.96875vw;
    border: transparent;
    background-color: transparent;
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .activityMenuTabs .rwt__tablist button[aria-selected="true"] {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .activityMenuTabs .rwt__tabpanel {
    word-break: break-word;
    padding: 1.71875vw 2.86458vw 1.71875vw 3.54167vw;
  }
  /* ===============================================================
                    
                        leads
                    
================================================================== */
  .funnel-view-outer-div {
    margin: 0 7.34375vw;
    padding-top: 0.83333vw;
    padding-bottom: 2.60417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block {
    width: 14.47917vw;
    border-right: 2px solid #cccccc;
    padding-bottom: 1.5625vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h5,
  .funnel-view-outer-div .funnel-view-outer-div__block h6 {
    padding-left: 1.5625vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h5 {
    margin-bottom: 1.61458vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h6 {
    margin-bottom: 3.22917vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__colorDivOuter {
    height: 31.77083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(1) .funnel-view-outer-div__colorDivOuter {
    height: 31.77083vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(2) .funnel-view-outer-div__colorDivOuter {
    height: 30.20833vw;
    margin-top: 3.95833vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(3) .funnel-view-outer-div__colorDivOuter {
    height: 28.64583vw;
    margin-top: 4.6875vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(4) .funnel-view-outer-div__colorDivOuter {
    height: 27.08333vw;
    margin-top: 5.46875vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(5) .funnel-view-outer-div__colorDivOuter {
    height: 25.52083vw;
    margin-top: 6.25vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(6) .funnel-view-outer-div__colorDivOuter {
    height: 23.95833vw;
    margin-top: 6.77083vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::after, .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::before {
    content: "";
    display: block;
    width: 15.10417vw;
    height: 1.45833vw;
    background: #ffffff;
    position: absolute;
    left: -1%;
    bottom: -0.88542vw;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::before {
    bottom: auto;
    top: -0.88542vw;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  .funnel-view-outer-div .funnel-view-outer-div__darkColorDiv {
    width: 100%;
  }
  /*======================================================
            Task List css
========================================================*/
  /*=================================
       task list top bar css
==================================*/
  .task-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 7.34375vw !important;
    padding-right: 7.34375vw !important;
    background-color: #ffffff;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-top: 4.01042vw;
    padding-bottom: 1.5625vw;
    -webkit-box-shadow: 0px 3px 6px #00000017;
            box-shadow: 0px 3px 6px #00000017;
  }
  .task-list-container .bar-left-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .task-list-container .bar-left-section img {
    height: 3.64583vw;
    width: 3.64583vw;
    border-radius: 2.60417vw;
  }
  .task-list-container .bar-left-section .progress-content {
    margin-left: 1.61458vw;
  }
  .task-list-container .bar-left-section .progress-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .task-list-container .bar-left-section .progress-dots-green {
    color: #1aff7c;
  }
  .task-list-container .bar-left-section .progress-dots-yellow {
    color: #ffff35;
  }
  .task-list-container .bar-left-section .progress-dots-red {
    color: #ff4848;
  }
  .task-list-container .bar-left-section h3 {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .task-list-container .bar-left-section p {
    margin: 0;
    margin-right: 1.14583vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .task-list-container .bar-right-section button {
    border: 1px solid #003cff !important;
    color: #003cff !important;
    background-color: transparent;
    width: 5.83333vw;
    height: 1.97917vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
    border-radius: 0.98958vw;
  }
  /*=================================
          Table css
==================================*/
  .task-list-table-illustration-container {
    margin-top: 0;
    padding-left: 8.07292vw !important;
    padding-right: 8.07292vw !important;
  }
  .task-list-table-container {
    margin-top: 0.78125vw;
    padding-top: 2.08333vw;
    padding-left: 5.46875vw !important;
    padding-right: 5.46875vw !important;
  }
  .task-list-table-container p {
    font-size: 0.9375vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .task-list-table-container h3 {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
  }
  .task-list-table-container h5 {
    color: #303030;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
  }
  .task-list-table-container .task-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 0.78125vw;
    padding: 1.45833vw;
    margin-bottom: 2.60417vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .task-list-table-container .task-list-view-container .task-name-column {
    width: 29.6875vw;
  }
  .task-list-table-container .task-list-view-container .duration-column {
    width: 20.83333vw;
  }
  .task-list-table-container .task-list-view-container .time-left-column {
    width: 18.22917vw;
  }
  .task-list-table-container .task-list-view-container h3 {
    color: #303030;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
  }
  .task-list-table-container .task-list-view-container .table {
    table-layout: fixed;
    word-break: break-all;
  }
  .task-list-table-container .task-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.05208vw solid rgba(48, 48, 48, 0.4);
    padding-top: 1.77083vw;
    padding-bottom: 1.77083vw;
    vertical-align: middle !important;
  }
  .task-list-table-container .task-list-view-container .table td,
  .task-list-table-container .task-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: middle !important;
    border-top: transparent;
  }
  .task-list-table-container .task-list-view-container .task-status-text {
    color: #303030;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
    margin-left: 0.52083vw;
  }
  .task-list-table-container .task-list-view-container .edit-img {
    height: auto;
    width: 1.5625vw;
    margin-left: 2.86458vw;
  }
  .task-list-table-container .task-list-table-title .task-name-column {
    width: 31.25vw;
    padding-left: 1.82292vw;
  }
  .task-list-table-container .task-list-table-title .duration-column {
    width: 20.83333vw;
  }
  .task-list-table-container .task-list-table-title .time-left-column {
    width: 20.57292vw;
  }
  .task-list-table-container .task-list-table-title .table,
  .task-list-table-container .task-list-table-title thead th {
    vertical-align: middle !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-Bold;
  }
  .progress-dots-green {
    color: #1aff7c;
  }
  .progress-dots-yellow {
    color: #ffff35;
  }
  .progress-dots-red {
    color: #ff4848;
  }
  /*===============================
          Form Css
================================*/
  .tasklist-duration-fields {
    margin-top: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 3.64583vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: center;
  }
  .tasklist-duration-fields h3 {
    font-size: 0.9375vw;
    color: #303030;
    line-height: 1.40625vw;
    font-family: Poppins-Regular;
  }
  .tasklist-duration-fields .task-date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2.60417vw;
  }
  .tasklist-duration-fields .task-date-picker h3 {
    margin-right: 0.78125vw;
  }
  .tasklist-duration-fields input {
    background-color: #f7f7f7;
    border-radius: 1.30208vw;
    border: none;
    text-align: center;
    height: 2.60417vw;
  }
  .add-tasklist-form .save-task-btn {
    width: 5.78125vw;
    border: 0.10417vw solid #303030;
    border-radius: 1.40625vw;
    background-color: white;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-SemiBold;
  }
  .edit-task-btn {
    width: 5.78125vw;
    border: 0.10417vw solid #303030;
    border-radius: 1.40625vw;
    background-color: white;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-SemiBold;
  }
  .task-edit-status {
    margin-top: 1.5625vw;
    padding-left: 3.54167vw;
    margin-top: 2.08333vw;
  }
  .task-edit-status .css-yk16xz-control {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px;
    border-bottom: 0.20833vw solid #cccccc;
  }
  .task-edit-status .css-1wa3eu0-placeholder {
    color: #303030;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .task-edit-status .css-1okebmr-indicatorSeparator {
    color: #cccccc;
  }
  .task-edit-status .css-tlfecz-indicatorContainer {
    color: #cccccc;
  }
  .task-edit-status h3 {
    font-size: 1.25vw;
    color: #303030;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
  }
  /*=========================================
        Main Calender css
============================================*/
  .calendar-day-month-view {
    padding: 0.26042vw 0;
    padding-left: 1.04167vw;
    font-size: 0.9375vw;
    color: #ffffff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border: 0;
    width: 16.66667vw;
    height: 2.5vw;
    border-radius: 1.5625vw;
    cursor: pointer;
  }
  .calendar-day-month-view span {
    margin-right: 0.36458vw;
    font-size: 1.25vw !important;
  }
  .calendar-day-month-view p {
    margin-bottom: 0;
    font-size: 1.09375vw !important;
    color: #ffffff !important;
  }
  .main-calender-tabs-container {
    background-color: #ffffff;
    height: auto;
    padding-left: 7.23958vw !important;
    padding-right: 7.23958vw !important;
    padding-top: 1.30208vw;
    padding-bottom: 1.19792vw;
    /*=========================
          Tabs Css
  ==========================*/
    /*=======================
        Table Border
  ========================*/
    /*=====================
      Top Month slider
  ======================*/
    /*========================
        Day view css
    ==========================*/
    /*===========================
    Bottom date and day section
  ============================*/
  }
  .main-calender-tabs-container .rwt__tab[aria-selected="true"] {
    position: relative;
    color: black !important;
  }
  .main-calender-tabs-container .rwt__tablist {
    text-align: center;
  }
  .main-calender-tabs-container .rwt__tab {
    background: transparent;
    border: 0;
    font-family: Poppins-Bold;
    line-height: 1.61458vw;
    font-size: 1.09375vw;
    padding: 1rem 2rem;
    -webkit-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    color: gray !important;
  }
  .main-calender-tabs-container .rwt__tablist:not([aria-orientation="vertical"])
.rwt__tab[aria-selected="true"]:after {
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 0.15625vw solid #000000;
  }
  .main-calender-tabs-container .rwt__tab[aria-selected="true"]:after {
    content: "";
    position: absolute;
  }
  .main-calender-tabs-container .table-bordered td,
  .main-calender-tabs-container .table-bordered th {
    border: 0.52083vw solid #f7f7f7;
  }
  .main-calender-tabs-container .calender-month-slider {
    margin-bottom: 2.65625vw;
    margin-top: 2.39583vw;
  }
  .main-calender-tabs-container .calender-month-slider tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #303030;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-family: Poppins-Medium;
  }
  .main-calender-tabs-container .calender-month-slider button {
    background-color: transparent;
    border: none;
    margin: 0.52083vw;
  }
  .main-calender-tabs-container .calender-month-slider h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .main-calender-tabs-container .calender-month-slider p {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .calender-month-slider .current-date-time {
    padding-left: 1.04167vw;
  }
  .main-calender-tabs-container .calender-month-slider .current-date-time button {
    color: #303030;
    border: 0.15625vw solid #303030;
    border-radius: 0.98958vw;
    font-family: Poppins-Regular;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    width: 7.8125vw;
    height: 2.08333vw;
  }
  .main-calender-tabs-container .calender-month-slider .day-and-date-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-calender-tabs-container .day-view-container {
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
  }
  .main-calender-tabs-container .day-view-container .table thead th {
    vertical-align: bottom;
    border-bottom: 0px;
  }
  .main-calender-tabs-container .day-view-container .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
  }
  .main-calender-tabs-container .day-view-container .table td,
  .main-calender-tabs-container .day-view-container .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
  }
  .main-calender-tabs-container .day-view-container .employee-appreoval-card .card {
    background-color: #ffffff;
    border-radius: 0.52083vw;
    width: auto;
    padding: 1.5625vw;
    height: auto;
    border: none;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
  }
  .main-calender-tabs-container .day-view-container .dates {
    width: 6.35417vw;
    height: 8.90625vw !important;
    color: #303030;
    font-size: 6.35417vw;
    font-family: Poppins-Bold;
  }
  .main-calender-tabs-container .day-view-container .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #303030;
  }
  .main-calender-tabs-container .day-view-container .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #303030;
  }
  .main-calender-tabs-container .day-view-container .holiday_card {
    width: 26.97917vw;
    height: 13.33333vw;
    list-style-type: none;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .card-info-section__1 {
    width: 100%;
    display: block;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section {
    text-align: right;
    font-size: 1.5625vw;
    color: #000000;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section .fa-pencil {
    margin-right: 3.4375vw;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section i:hover {
    cursor: pointer;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section {
    height: 36.45833vw;
    margin-top: 1.82292vw;
    padding-left: 3.125vw;
    border-left: 0.05208vw solid #303030;
    text-align: left;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section h2 {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section th {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section td {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .calender-date-section {
    width: 100%;
  }
  .main-calender-tabs-container .calender-date-section .days_name {
    color: #000000;
    font-family: Poppins-Bold;
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    width: 10.10417vw;
    height: 3.69792vw;
    padding: 0px;
    vertical-align: middle;
    border: 0.52083vw solid #f7f7f7;
  }
  .main-calender-tabs-container .calender-date-section .dayDisabled {
    color: rgba(0, 0, 0, 0.2);
    padding-right: 1.14583vw;
    padding-bottom: 1.14583vw;
    font-family: Poppins-Bold;
    font-size: 1.14583vw;
    line-height: 1.51042vw;
    width: 10.10417vw;
    height: 8.95833vw;
    vertical-align: bottom;
    text-align: right;
    background-color: #d3d3d31f;
  }
  .main-calender-tabs-container .calender-date-section .dates {
    color: #000000;
    padding-right: 1.14583vw;
    padding-bottom: 1.14583vw;
    font-family: Poppins-Bold;
    font-size: 1.14583vw;
    line-height: 1.51042vw;
    width: 10.10417vw;
    height: 8.95833vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .follo-up-border {
    color: #5789ff;
    padding-right: 1.14583vw;
    padding-bottom: 1.14583vw;
    font-family: Poppins-Bold;
    font-size: 1.14583vw;
    line-height: 1.51042vw;
    width: 10.10417vw;
    height: 8.95833vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .current-date-border {
    color: #ff3535;
    padding-right: 1.14583vw;
    padding-bottom: 1.14583vw;
    font-family: Poppins-Bold;
    font-size: 1.14583vw;
    line-height: 1.51042vw;
    width: 10.10417vw;
    height: 8.95833vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .event-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: white;
    color: #5789ff;
    font-weight: lighter;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    margin-bottom: 3.125vw;
  }
  .main-calender-tabs-container .calender-date-section .event-name p {
    margin-bottom: 0;
    background: #453890;
    padding: 0.20833vw;
    border-radius: 10.41667vw;
    color: white;
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  .save-leaves-btn {
    width: 5.78125vw;
    height: 2.76042vw;
    color: #303030;
    background-color: transparent;
    border: 0.10417vw solid #303030;
    border-radius: 1.40625vw;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
  }
  /*=========================
          Model css 
  ==========================*/
  .type-of-leave-select {
    margin-left: 3.02083vw;
    margin-top: 2.34375vw;
  }
  /*=======================================
              Day view cards
=========================================*/
  .edit-img-followup-card {
    width: 1.5625vw;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    cursor: pointer;
  }
  .card-info-section-emp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card-info-section-emp__1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .day-view-calender-card {
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
    margin-top: 1.5625vw;
    padding: 1.5625vw;
    text-align: left;
  }
  .day-view-calender-card img {
    border-radius: 1.5625vw;
  }
  .day-view-calender-card .card-info-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .day-view-calender-card .card-info-section .card-info-section__1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .day-view-calender-card .card-info-section h4 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .day-view-calender-card .card-info-section p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .day-view-calender-card .lead-list-view-img {
    height: auto;
    margin-right: 2.1875vw;
  }
  .day-view-calender-card .content-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.78125vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .day-view-calender-card .content-section p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-SemiBold;
  }
  .day-view-calender-card .content-section span {
    font-size: 1.09375vw;
    color: #303030;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
  }
  .holiday_input {
    border: none;
    background-color: #f7f7f7;
    border-radius: 1.5625vw;
    height: 2.60417vw;
    padding: 0.78125vw 1.04167vw;
    width: 41.66667vw;
  }
  .hover_menu_class:hover {
    cursor: pointer;
  }
  .no_data_in_calender {
    width: 100%;
    text-align: center;
    font-family: Poppins-Bold;
    margin-top: 1.5625vw;
  }
  .day_view_selected_date .current-date-time h3 {
    font-size: 1.82292vw;
  }
  /*=================================================
                Warning Popups css
===================================================*/
  .warning-popup-container img {
    width: 22.39583vw;
    height: 16.66667vw;
  }
  .warning-popup-container h1 {
    margin-top: 1.09375vw;
    font-size: 2.23958vw;
    line-height: 3.17708vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .warning-popup-container p {
    margin-top: 0.78125vw;
    color: #7d7d7d;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
    margin-bottom: none;
  }
  .warning-popup-container span {
    color: #6648ff;
  }
  .warning-popup-container .proceed-payment {
    background-color: #502eff;
    border: none;
    width: 13.02083vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
  }
  .warning-popup-container .cancel {
    background-color: transparent;
    border: 0.10417vw solid #502eff;
    width: 7.8125vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: #502eff;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
    margin-right: 1.5625vw;
  }
  .customOverlay--warning_before_five_days {
    background-color: white;
    -webkit-box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
  }
  .customeModel_warning_before_five {
    width: 58.54167vw !important;
    border-radius: 0.78125vw !important;
    padding: 2.44792vw 6.82292vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .customeModel_warning_before_five img {
    width: 11.51042vw;
    height: 4.11458vw;
  }
  .customeModel_warning_before_five p {
    font-size: 1.14583vw;
    line-height: 2.1875vw;
    font-family: Poppins-Regular;
    margin-top: 1.40625vw;
  }
  .customeModel_warning_before_five .button_section {
    margin-top: 3.69792vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .customeModel_warning_before_five .button_section .later_button {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: none;
    border-radius: 1.97917vw;
    color: #ff4848;
    font-family: Poppins-Medium;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_warning_before_five .button_section .upgrade_button {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: #ff4848;
    border-radius: 1.97917vw;
    font-family: Poppins-Medium;
    color: white;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_warning_befor_subscription_cancel {
    width: 48.54167vw !important;
    border-radius: 0.78125vw !important;
    padding: 2.44792vw 6.82292vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .customeModel_warning_befor_subscription_cancel img {
    width: 11.51042vw;
    height: 4.11458vw;
  }
  .customeModel_warning_befor_subscription_cancel p {
    font-size: 1.14583vw;
    line-height: 2.1875vw;
    font-family: Poppins-Regular;
    margin-top: 1.40625vw;
    margin-bottom: 2.60417vw;
  }
  .customeModel_warning_befor_subscription_cancel .button_section {
    margin-top: 3.69792vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .customeModel_warning_befor_subscription_cancel .button_section .later_button {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: none;
    border-radius: 1.97917vw;
    color: #ff4848;
    font-family: Poppins-Medium;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_warning_befor_subscription_cancel .button_section .upgrade_button {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: #ff4848;
    border-radius: 1.97917vw;
    font-family: Poppins-Medium;
    color: white;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_warning_befor_subscription_cancel .go_to_dashboard {
    border: 0.15625vw solid #ff4848;
    width: 7.13542vw;
    height: 2.76042vw;
    background: #ff4848;
    border-radius: 1.97917vw;
    font-family: Poppins-Medium;
    color: white;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_success_after_subscription_update {
    width: 48.54167vw !important;
    border-radius: 0.78125vw !important;
    padding: 2.44792vw 6.82292vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .customeModel_success_after_subscription_update p {
    font-size: 1.14583vw;
    line-height: 2.1875vw;
    font-family: Poppins-Regular;
    margin-top: 1.40625vw;
    margin-bottom: 2.60417vw;
  }
  .customeModel_success_after_subscription_update .button_section {
    margin-top: 3.69792vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .customeModel_success_after_subscription_update .button_section .okay_button {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: #ff4848;
    border-radius: 1.97917vw;
    font-family: Poppins-Medium;
    color: white;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  /*============================================
    Cancel subscription warning in payment failed 
==============================================*/
  .customeModel_warning_befor_subscription_cancel_payment_failed {
    width: 48.54167vw !important;
    border-radius: 0.78125vw !important;
    padding: 2.76042vw 5.20833vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed .warning_before_plan_expired_container {
    text-align: center;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed img {
    width: 15.98958vw;
    height: 12.23958vw;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed h3 {
    margin-top: 2.76042vw;
    font-size: 1.45833vw;
    line-height: 2.1875vw;
    color: #303030;
    font-family: Poppins-SemiBold;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed p {
    font-size: 1.04167vw;
    line-height: 1.82292vw;
    color: #303030;
    margin-bottom: 0;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed .button_section {
    margin-top: 2.60417vw;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed .button_section .no_btn {
    border: 0.10417vw solid #ff4848;
    width: 13.02083vw;
    height: 2.76042vw;
    background: none;
    border-radius: 1.97917vw;
    color: #ff4848;
    font-family: Poppins-Medium;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  .customeModel_warning_befor_subscription_cancel_payment_failed .button_section .yes-btn {
    border: 0.10417vw solid #ff4848;
    width: 13.02083vw;
    height: 2.76042vw;
    background: #ff4848;
    border-radius: 1.97917vw;
    font-family: Poppins-Medium;
    color: white;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
    margin-left: 10.98958vw;
  }
  .warning_before_subscription_cancel h3 {
    font-size: 1.45833vw;
    line-height: 2.1875vw;
    color: #303030;
    margin-top: 2.76042vw;
    font-family: Poppins-SemiBold;
  }
  .warning_before_subscription_cancel p {
    margin-top: 1.25vw;
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .warning_before_subscription_cancel .payment-illustration-images {
    width: 17.03125vw !important;
    height: 12.23958vw !important;
  }
  .warning_before_subscription_cancel .button_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .warning_before_subscription_cancel .button_section p {
    font-size: 0.83333vw;
    color: #3f59b8;
    line-height: 1.30208vw;
    margin-bottom: 0px;
  }
  /*=================================================
      MENUAL RETRY WARNING CSS
==================================================*/
  .menual_retry_warning .no_btn {
    border: 1px solid #502eff;
    border-radius: 1.45833vw;
    width: 17.39583vw;
    height: 2.91667vw;
    color: #6648ff;
    font-size: 1.19792vw;
    font-family: Poppins-SemiBold;
    margin-right: 3.75vw;
  }
  .menual_retry_warning .yes-btn {
    background-color: #502eff;
    border-radius: 1.45833vw;
    width: 17.39583vw;
    height: 2.91667vw;
    color: white;
    font-size: 1.19792vw;
    font-family: Poppins-SemiBold;
  }
  /*===================================
    Workspace Login Pges css
=====================================*/
  .forget-password-confirmation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-login-page-main-conatiner {
    min-height: 100vh;
    position: relative;
    background-color: #f9debe;
    background-image: url("../../img/auth/login-bg-new-1.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    /*===========================
          Form Css
  =============================*/
  }
  .workspace-login-page-main-conatiner .fa-eye {
    cursor: pointer;
    position: absolute;
    right: 4.6875vw;
    font-size: 1.30208vw;
    margin-top: 1.30208vw;
  }
  .workspace-login-page-main-conatiner .fa-eye-slash {
    cursor: pointer;
    position: absolute;
    right: 4.6875vw;
    font-size: 1.30208vw;
    margin-top: 1.30208vw;
  }
  .workspace-login-page-main-conatiner .workspace-login-page-main-conatiner__row {
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.30208vw;
    padding-top: 4.6875vw;
  }
  .workspace-login-page-main-conatiner .col-md-6 {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-login-page-main-conatiner .heading {
    text-align: center;
  }
  .workspace-login-page-main-conatiner .heading h1 {
    color: #453890;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.52083vw;
    font-size: 2.39583vw;
    line-height: 2.39583vw;
  }
  .workspace-login-page-main-conatiner .heading p {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #453890;
    margin-bottom: 1.82292vw;
    text-transform: none;
  }
  .workspace-login-page-main-conatiner .workspcae-login-form {
    width: 33.85417vw;
    padding: 3.17708vw;
    padding-top: 2.08333vw;
    border-radius: 1.35417vw;
    background-color: #f9debe;
    -webkit-box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
            box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
  }
  .workspace-login-page-main-conatiner form {
    width: 100%;
  }
  .workspace-login-page-main-conatiner label {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
    margin-bottom: 1.14583vw;
  }
  .workspace-login-page-main-conatiner .form-group {
    margin-bottom: 2.03125vw;
  }
  .workspace-login-page-main-conatiner .form-control-new {
    width: 100%;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 0.78125vw;
    border-bottom: 0.15625vw solid rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner .form-control-new:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .workspace-login-page-main-conatiner .form-control-new:focus {
    color: #54349f;
    background-color: transparent;
    border-color: rgba(84, 52, 159, 0.55);
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .workspace-login-page-main-conatiner input {
    font-size: 1.66667vw;
    color: #54349f;
    margin: 0;
    background-color: transparent;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border-bottom: 1px solid rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner input:-webkit-autofill,
  .workspace-login-page-main-conatiner input:-webkit-autofill:hover,
  .workspace-login-page-main-conatiner input:-webkit-autofill:focus {
    -webkit-text-fill-color: #54349f;
    border: 1px solid inherit;
    -webkit-box-shadow: 0 0 0 52.08333vw transparent inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
  }
  .workspace-login-page-main-conatiner ::-webkit-input-placeholder {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner :-ms-input-placeholder {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner ::-ms-input-placeholder {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner ::placeholder {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner button {
    width: 12.8125vw;
    height: 2.91667vw;
    background-color: #54349f;
    border-radius: 1.45833vw;
    font-size: 1.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: none;
    color: #ffffff;
  }
  .workspace-login-page-main-conatiner .forgot-password {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-family: Poppins-Medium;
    color: #54349f;
    display: inline-block;
  }
  .workspace-login-page-main-conatiner .forgot-password span:hover {
    cursor: pointer;
  }
  .dominate-login-logo {
    text-align: center;
    margin-bottom: 2.86458vw;
  }
  .dominate-login-logo img {
    width: 15.10417vw;
    cursor: pointer;
  }
  .copyright_text_workspace {
    color: #453890;
    font-size: 1.04167vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
  }
  .heading-divider-workspace {
    width: 9.11458vw;
    margin: 0 auto;
    height: 1.19792vw;
    margin-top: 0;
    margin-bottom: 0.52083vw;
    display: block;
    background-image: url("../../img/auth/yellow-underline.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  /*==================================
            Payment Css
===================================*/
  .expired-plans-update-sections {
    background-image: url("/static/media/dominate-auth-bg.ba9b293c.svg") !important;
    background-position: top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
  }
  .free-triel-subscription-ended-section {
    background-image: url("/static/media/dominate-auth-bg.ba9b293c.svg") !important;
    background-position: top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
  }
  .payment-main-conatiner {
    width: 100%;
    /*========================
      subscription fields css
    ===========================*/
  }
  .payment-main-conatiner label {
    color: #303030;
    font-size: 1.5625vw;
    line-height: 2.39583vw;
    font-family: Poppins-Bold;
  }
  .payment-main-conatiner .subscription .subscription-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2.60417vw;
    width: 24.84375vw;
    height: 7.8125vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 0;
    margin-left: 2.08333vw;
    margin-right: 2.08333vw;
    margin-top: 1.04167vw;
    margin-bottom: 1.5625vw;
    background-image: url("../../img/plans/plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #502eff;
  }
  .payment-main-conatiner .subscription .plan-content {
    width: 10.41667vw;
    margin-left: 2.08333vw;
  }
  .payment-main-conatiner .subscription .plan-price {
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    font-size: 1.25vw;
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription .plan-name {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-size: 1.25vw;
    line-height: 1.82292vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription .plan-users {
    font-family: Poppins-MediumItalic, sans-serif, "Helvetica";
    font-size: 0.78125vw;
    line-height: 1.19792vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription-box.active-plan {
    background-image: url("../../img/plans/active-plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    color: #ffffff;
  }
  .payment-main-conatiner .subscription-box:hover {
    cursor: pointer;
  }
  .payment-main-conatiner .subscription-box-1:hover {
    cursor: pointer;
  }
  .payment-main-conatiner .buttons-section {
    text-align: right;
    padding: 0 3.64583vw;
  }
  .payment-main-conatiner .buttons-section p {
    margin-top: 0.52083vw;
    color: #ff4848;
  }
  .payment-main-conatiner .buttons-section .make-payment {
    margin-left: 1.5625vw;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 12.23958vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 1.25vw;
  }
  .payment-main-conatiner .buttons-section .make-payment-upgrade-disabled {
    margin-left: 1.5625vw;
    background-color: #d3d3d369;
    border: none;
    width: 12.23958vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 1.25vw;
  }
  .payment-main-conatiner .buttons-section .subscription-cancel {
    margin-left: 1.5625vw;
    border: 0.05208vw solid #ff4848;
    width: 17.1875vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: #ff4848;
    font-family: Poppins-Medium;
    font-size: 1.25vw;
    background-color: transparent;
  }
  .payment-main-conatiner .buttons-section .subscription-resume {
    margin-left: 1.5625vw;
    border: 0.05208vw solid #502eff;
    width: 17.1875vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: #502eff;
    font-family: Poppins-Medium;
    font-size: 1.25vw;
    background-color: transparent;
  }
  .payment-main-conatiner .buttons-section .cancel-payment {
    background-color: transparent;
    border: 0.10417vw solid #502eff;
    width: 7.8125vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: #502eff;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
    margin-right: 1.5625vw;
  }
  /*===============================
  Delete Employee Popup css
=================================*/
  .employee-delete-popup {
    width: 31.25vw !important;
  }
  .employee-delete-popup-container li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .employee-delete-popup-container img {
    height: auto;
    width: 2.60417vw;
    margin-left: 2.08333vw;
    margin-right: 1.04167vw;
  }
  .employee-delete-popup-container p {
    margin: 0;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .employee-delete-popup-container button {
    background-color: #ff4848;
    border: none;
    width: 7.8125vw;
    height: 2.08333vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
  }
  /*================================
    Warning employee css
=================================*/
  .customModal-warning {
    max-width: 90%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 56.35417vw;
    border-radius: 0.78125vw;
    padding: 0;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
  }
  .warning-employee-model {
    width: 30.57292vw !important;
  }
  .warning-employee-model .employee-warning-popup-container {
    padding: 1.5625vw;
  }
  .warning-employee-model .employee-warning-popup-container h3 {
    font-family: Poppins-Bold;
    font-size: 1.66667vw;
    color: #333333;
    line-height: 1.5625vw;
  }
  .warning-employee-model .warning-downgarade-section {
    padding-bottom: 1.5625vw;
    background-color: #d3d3d329;
    height: 100%;
  }
  .warning-employee-model .current-plan-section {
    padding: 1.5625vw;
  }
  .warning-employee-model .current-plan-section .detail-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.04167vw;
  }
  .warning-employee-model .current-plan-section .detail-section h4 {
    margin-bottom: 0;
    font-size: 0.9375vw;
    color: #333333;
    margin-left: 1.5625vw;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .current-plan-section .detail-section p {
    margin-left: 1.5625vw;
    margin-bottom: 0;
    font-size: 0.9375vw;
    color: #333333;
    font-family: Poppins-Regular;
  }
  .warning-employee-model .current-plan-section .detail-section img {
    width: 5.67708vw;
    height: 4.21875vw;
  }
  .warning-employee-model .current-plan-section h3 {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    color: #333333;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .downgrading-plan-section {
    padding: 1.5625vw;
  }
  .warning-employee-model .downgrading-plan-section .detail-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.04167vw;
  }
  .warning-employee-model .downgrading-plan-section .detail-section h4 {
    margin-bottom: 0;
    font-size: 0.9375vw;
    color: #333333;
    margin-left: 1.5625vw;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .downgrading-plan-section .detail-section p {
    margin-left: 1.5625vw;
    margin-bottom: 0;
    font-size: 0.9375vw;
    color: #333333;
    font-family: Poppins-Regular;
  }
  .warning-employee-model .downgrading-plan-section .detail-section img {
    width: 5.67708vw;
    height: 4.21875vw;
  }
  .warning-employee-model .downgrading-plan-section h3 {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    color: #333333;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .btn-section {
    text-align: center;
  }
  .warning-employee-model .btn-section .cancel-btn {
    width: 10.41667vw;
    height: 2.60417vw;
    background-color: transparent;
    border: 2px solid #502eff;
    color: #502eff;
    border-radius: 1.77083vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Bold;
  }
  .warning-employee-model .btn-section .continue-btn {
    margin-left: 3.64583vw;
    width: 10.41667vw;
    height: 2.60417vw;
    background-color: #502eff;
    border: 2px solid #502eff;
    color: white;
    border-radius: 1.77083vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Bold;
  }
  .payment-success-main-container {
    padding-top: 6.25vw;
    padding-bottom: 4.16667vw;
    min-height: 100vh;
    background-image: url("../../img/auth/dominate-auth-bg.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0vw 0vw 2.08333vw #0000000c;
            box-shadow: 0vw 0vw 2.08333vw #0000000c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .payment-success-main-container .payment-success-box {
    width: 30.52083vw;
    height: 15.625vw;
  }
  .payment-success-main-container .heading {
    border-top-left-radius: 2.08333vw;
    border-top-right-radius: 2.08333vw;
    background-color: white;
    padding: 1.5625vw;
  }
  .payment-success-main-container .heading h3 {
    color: #333333;
    font-size: 1.5625vw;
    line-height: 1.61458vw;
    font-family: Poppins-Bold;
  }
  .payment-success-main-container .confirm-message {
    padding-top: 2.08333vw;
    padding-left: 1.5625vw;
    padding-bottom: 1.5625vw;
    border-bottom-left-radius: 1.30208vw;
    border-bottom-right-radius: 1.30208vw;
    background-color: #fafafa;
  }
  .payment-success-main-container .confirm-message p {
    font-size: 1.09375vw;
    line-height: 1.5625vw;
    color: #333333;
    font-family: Poppins-Regular;
    margin-bottom: 1.5625vw;
  }
  .payment-success-main-container .confirm-message button {
    width: 10.41667vw;
    height: 2.60417vw;
    border-radius: 1.77083vw;
    color: white;
    border: none;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(343deg, #8cd9fa 0%, #2488cb 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488CB', endColorstr='#8CD9FA',GradientType=0 );
    /* ie6-9 */
  }
  .go_to_dashboard {
    border: 0.15625vw solid #ff4848;
    width: 15.05208vw;
    height: 2.76042vw;
    background: none;
    border-radius: 1.97917vw;
    color: #ff4848;
    font-family: Poppins-Medium;
    font-size: 1.19792vw;
    line-height: 1.77083vw;
  }
  /*=============================================
   Subscription failed due to Payment failed 
===============================================*/
  .subscription_ended_due_to_payment_failed h3 {
    margin-top: 2.60417vw;
    font-size: 2.23958vw;
    color: #303030;
    line-height: 3.33333vw;
    font-family: Poppins-Bold;
  }
  .subscription_ended_due_to_payment_failed p {
    margin-top: 0.88542vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-family: Poppins-Regular;
    margin-bottom: 0;
  }
  .subscription_ended_due_to_payment_failed span {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-Medium;
    margin-top: 0.46875vw;
  }
  .subscription_ended_due_to_payment_failed img {
    width: 21.25vw;
    height: 15.625vw;
  }
  .subscription_ended_due_to_payment_failed .button_section {
    margin-top: 1.82292vw;
  }
  .subscription_ended_due_to_payment_failed .button_section .request_manual_retry {
    margin-left: 3.75vw;
  }
  .subscription_ended_due_to_payment_failed .button_section .add_new_card {
    border: 1px solid #502eff;
    border-radius: 1.45833vw;
    width: 17.39583vw;
    height: 2.91667vw;
    color: #6648ff;
    font-size: 1.19792vw;
    font-family: Poppins-SemiBold;
  }
  .subscription_ended_due_to_payment_failed .button_section .request_manual_retry {
    background-color: #502eff;
    border-radius: 1.45833vw;
    width: 17.39583vw;
    height: 2.91667vw;
    color: white;
    font-size: 1.19792vw;
    font-family: Poppins-SemiBold;
  }
  .subscription_ended_due_to_payment_failed .please_note {
    margin-top: 2.03125vw;
    color: #303030;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .subscription_ended_due_to_payment_failed .cancel_subscription {
    cursor: pointer;
    margin-top: 1.09375vw;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-family: Poppins-Medium;
  }
  .subscription_ended_due_to_payment_failed hr {
    width: 13.02083vw;
    /* border-style: dotted; */
    border: 0.05208vw dotted;
    margin-top: 0;
    color: 303030;
  }
  .subscription_ended_due_to_payment_failed .payment-popup-alert {
    border-radius: 0.36458vw;
    font-family: Poppins-Regular;
    width: 15.625vw;
    height: 2.39583vw;
    background-color: #ff6767;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
  }
  .subscription_ended_due_to_payment_failed .payment-popup-alert p {
    margin: 0;
  }
  .subscription_ended_due_to_payment_failed .payment-popup-alert i {
    margin-right: 0.98958vw;
  }
  .employee-delete-popup {
    padding: 0;
    border-radius: 1.04167vw;
  }
  .paymentDeleteModalContentTitleBlock {
    padding: 1.5625vw;
  }
  .paymentDeleteModalContentTitle {
    font-size: 1.61458vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.5625vw;
    margin-bottom: 0;
  }
  .paymentDeleteModalContent__textBlock {
    padding: 0.88542vw 1.5625vw 0 1.5625vw;
  }
  .paymentDeleteModalContent {
    background-color: #fafafa;
    border-radius: 0 0 1.04167vw 1.04167vw;
  }
  .paymentDeleteModalContent ul {
    max-height: 25vw;
    overflow: auto;
    padding: 1.04167vw;
    margin: 0.26042vw 0.52083vw;
  }
  .paymentDeleteModalContent li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.92708vw 1.5625vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 0.52083vw;
    margin-bottom: 0.52083vw;
  }
  .paymentDeleteModalContent img {
    height: auto;
    width: 3.90625vw;
    margin-left: 1.5625vw;
    margin-right: 2.34375vw;
    border-radius: 50%;
  }
  .cancelBtnDeleteModal {
    width: 11.82292vw;
    height: 3.48958vw;
    color: #502eff;
    background: transparent;
    border: 0.20833vw solid #502eff;
    border-radius: 1.77083vw;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .paymentDeleteModalContent__buttonBlock {
    margin-top: 3.125vw;
    padding: 0 2.65625vw 1.5625vw 2.65625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cancelBtnDeleteModal--delete {
    color: #ffffff;
    border: transparent;
    background: #502eff;
  }
  /*====================================
          Profile Page Css
=====================================*/
  .user-profile-page-main-container {
    /*========================= 
            form css
  ==========================*/
  }
  .user-profile-page-main-container .next_subscription_info {
    color: blue;
    font-size: 0.9375vw;
    font-family: Poppins-SemiBold;
  }
  .user-profile-page-main-container .next_plan_label_button_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .user-profile-page-main-container .next_plan_label_button_container button {
    margin-left: 10.41667vw;
    background: transparent;
    border: 0.05208vw solid #ff4848;
    color: #ff4848;
    width: 11.45833vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    font-family: Poppins-Bold;
    font-size: 0.9375vw;
  }
  .user-profile-page-main-container h3 {
    font-family: Poppins-Medium;
    font-size: 1.45833vw;
  }
  .user-profile-page-main-container p {
    font-family: Poppins-Regular;
  }
  .user-profile-page-main-container .employee-data-container {
    min-height: 100vh;
  }
  .user-profile-page-main-container .payment-main-conatiner {
    width: 100%;
  }
  .user-profile-page-main-container .payment-main-conatiner .buttons-section {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .user-profile-page-main-container .activity-title-img-text {
    text-align: center;
    display: block;
  }
  .user-profile-page-main-container .activity-title-img-text img {
    width: 7.8125vw;
    height: 7.8125vw;
    margin-right: 0.88542vw;
    border-radius: 50%;
  }
  .user-profile-page-main-container p {
    margin-bottom: 1.5625vw;
  }
  .user-profile-page-main-container .edit-profile-form-container {
    width: 26.04167vw;
    margin-top: 1.5625vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .form-group {
    display: -ms-grid;
    display: grid;
    margin-bottom: 1.5625vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .add-lead-label {
    margin: 0;
  }
  .user-profile-page-main-container .edit-profile-form-container label {
    font-size: 1.04167vw;
    font-family: Poppins-SemiBold;
  }
  .user-profile-page-main-container .edit-profile-form-container input {
    border: none;
    background-color: #f7f7f7;
    border-radius: 1.5625vw;
    height: 2.60417vw;
    padding: 0.78125vw;
  }
  .user-profile-page-main-container .edit-profile-form-container button {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 7.8125vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 1.25vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .disabled-field {
    background-color: #fcfcfc;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .user-profile-page-main-container .justify-content-space-between {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .employees-delete-btn {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 13.02083vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
  }
  .user-profile-page-main-container .edit-profile-form-container--workspace {
    width: 38.85417vw;
  }
  .user-profile-page-main-container .edit-profile-form-container--workspace button {
    width: 12.23958vw;
    height: 2.60417vw;
  }
  .profile-info-tab-logo-block {
    margin-bottom: 2.08333vw;
    margin-right: 6.19792vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .add-quotation-final-modal-logo {
    width: 5.26042vw;
    height: 5.26042vw;
    font-size: 0.57292vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .quotation-upload-img__btn,
  .user-profile-page-main-container .edit-profile-form-container .quotation-upload-img__input {
    width: 7.76042vw;
    height: 1.5625vw;
    font-size: 0.57292vw;
    font-family: Poppins-Regular, sans-serif, "Helvetica";
  }
  .free_trail_top_description p {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-Regular;
    margin-bottom: 0px;
    color: #303030;
  }
  .free_trail_top_description h3 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-family: Poppins-SemiBold;
    margin-bottom: 0px;
    color: #303030;
  }
  .free_trail_top_description h2 {
    font-size: 1.77083vw;
    line-height: 2.65625vw;
    font-family: Poppins-Bold;
    margin-bottom: 0px;
    color: #303030;
  }
  .free_trail_middle_section {
    margin-top: 2.23958vw;
  }
  .free_trail_middle_section p {
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .free_trail_middle_section button {
    color: white;
    margin-top: 1.40625vw;
    width: 12.23958vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    font-size: 0.9375vw;
    line-height: 1.82292vw;
    background: -webkit-linear-gradient(45deg, #285fcf 0%, #d420f9 100%);
  }
  .free_trail_image_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 2.60417vw;
  }
  .free_trail_image_section .middle_img {
    width: 23.95833vw;
    height: 18.90625vw;
  }
  .free_trail_image_section .right_img {
    width: 8.75vw;
    height: 8.75vw;
  }
  .free_trail_image_section .leads_employees_count p {
    font-size: 0.98958vw;
    color: #303030;
    line-height: 1.51042vw;
    font-family: Poppins-Regular;
    margin-top: 0.72917vw;
    margin-bottom: 0px;
  }
  .free_trail_image_section .leads_employees_count span {
    font-size: 1.77083vw;
    line-height: 2.65625vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  /*=================================
        Landing Page Css
==================================*/
  .landing-section-one {
    margin-top: 5.20833vw;
    padding-left: 7.86458vw !important;
    padding-right: 7.86458vw !important;
  }
  .landing-section-one h1 {
    font-size: 7.76042vw;
    line-height: 6.25vw;
    color: #502eff;
  }
  .landing-section-one span {
    font-size: 1.04167vw;
    line-height: 1.40625vw;
    vertical-align: middle;
  }
  .landing-section-one .fa-play-circle {
    font-size: 7.76042vw;
  }
  .landing-section-one img {
    width: 49.11458vw;
    height: 22.8125vw;
    margin-top: 4.375vw;
  }
  .landing-section-two {
    padding-top: 500px;
    padding-bottom: 500px;
  }
  /* ===============================================================
                    
                        dashboard alerts
                    
================================================================== */
  .dashboard-meeting-count {
    font-size: 6.77083vw;
    text-align: center;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
  }
  .leads-content-container--dashboard {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dashboard-alert {
    padding: 1.97917vw 7.34375vw;
  }
  .dashboard-alert__element {
    padding: 0.52083vw 1.61458vw 0.52083vw 1.25vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 0.78125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.52083vw;
  }
  .dashboard-alert__element__imgText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dashboard-alert__bellIcon {
    width: 2.08333vw;
    height: 2.08333vw;
    margin-right: 2.39583vw;
  }
  .dashboard-alert__deleteIcon {
    width: 0.78125vw;
    height: 0.78125vw;
    cursor: pointer;
  }
  .dashboard-alert__deleteIcon-customize {
    width: 1.30208vw;
    margin-right: 4.42708vw;
    cursor: pointer;
  }
  .reschedule {
    color: #ff3636;
    margin-right: 3.4375vw;
  }
  .reschedule:hover {
    cursor: pointer;
  }
  .content-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content-space-between h3 {
    margin-left: 26.25vw;
    font-size: 1.45833vw;
  }
  .btn-funnel-view--customize {
    width: 9.375vw;
    height: 2.60417vw;
    border: none;
    border-radius: 1.5625vw;
    color: white;
    background: #453890;
    font-size: 1.04167vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .dashboard-widget-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
  }
  .dashboard-widget-list-block {
    padding: 1.04167vw 2.60417vw 1.04167vw 3.95833vw;
    background: #ffffff;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .dashboard-widget-list-block h6 {
    padding-left: 4.6875vw;
  }
  .widgetListSlider {
    margin-top: 1.04167vw;
    margin-bottom: 0.52083vw;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    content: "" !important;
    width: 0.78125vw !important;
    height: 0.78125vw !important;
    border: 2px solid #707070 !important;
    display: block !important;
    border-top: 0 !important;
    border-right: 0 !important;
  }
  .widgetListSlider .slick-prev {
    left: -2.34375vw !important;
  }
  .widgetListSlider .slick-prev,
  .widgetListSlider .slick-next {
    top: 45% !important;
  }
  .widgetListSlider .slick-prev:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .widgetListSlider .slick-next:before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    color: #707070 !important;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    font-size: 1.5625vw !important;
  }
  .dashboard-overview-blocks {
    padding: 0.52083vw 5.78125vw 0.52083vw 7.34375vw;
  }
  .dashboard-overview-blocks--new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .dashboard-overview-blocks__diamondIcon {
    width: 0.83333vw;
    position: absolute;
    top: 0.72917vw;
    right: 1.09375vw;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .dashboard-overview-blocks__predictions,
  .dashboard-overview-blocks__simpleCard,
  .dashboard-overview-blocks__widgetCard,
  .dashboard-overview-blocks__performanceCard,
  .dashboard-overview-blocks__calendarCard,
  .dashboard-overview-blocks__salesCard,
  .dashboard-overview-blocks__meetingsCard,
  .dashboard-overview-blocks__followupsCard,
  .dashboard-overview-blocks__messagesCard {
    position: relative;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    margin: 0 1.5625vw 1.5625vw 0;
    overflow: auto;
  }
  .dashboard-overview-blocks__predictions {
    padding: 1.30208vw;
    width: 60.20833vw;
    height: 28.85417vw;
    background: #ffffff;
  }
  .dashboard-overview-blocks__simpleCard {
    width: 23.125vw;
    height: 13.22917vw;
    padding: 0.52083vw 2.23958vw;
    background: linear-gradient(298deg, #01008e 0%, #c601bb 44%, #e50198 67%, #edd5c9 100%);
    color: #ffffff;
  }
  .dashboard-overview-blocks__widgetCard {
    width: 16.40625vw;
    height: 12.03125vw;
    padding: 1.45833vw 1.19792vw 1.04167vw 1.19792vw;
    background: linear-gradient(306deg, #ff2626 0%, #ffa5a5 100%);
    -webkit-box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
  }
  .dashboard-overview-blocks__widgetCard-hot {
    width: 16.40625vw;
    height: 12.03125vw;
    padding: 1.45833vw 1.19792vw 1.04167vw 1.19792vw;
    background: linear-gradient(305deg, #ed765e, #fea858);
    -webkit-box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 0.78125vw;
  }
  .dashboard-overview-blocks__widgetCard-warm {
    width: 16.40625vw;
    height: 12.03125vw;
    padding: 1.45833vw 1.19792vw 1.04167vw 1.19792vw;
    background: linear-gradient(305deg, #f6d365, #fda085);
    -webkit-box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 0.78125vw;
  }
  .dashboard-overview-blocks__widgetCard-cold {
    width: 16.40625vw;
    height: 12.03125vw;
    padding: 1.45833vw 1.19792vw 1.04167vw 1.19792vw;
    background: linear-gradient(305deg, #57a1e6, #acedfc);
    -webkit-box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 0.78125vw;
  }
  .dashboard-overview-blocks__widgetCard-allLeads {
    width: 16.40625vw;
    height: 12.03125vw;
    padding: 1.45833vw 1.19792vw 1.04167vw 1.19792vw;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(332deg, #b610fe 0%, #f0adff 100%);
    /* w3c */
    -webkit-box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.26042vw 0.26042vw 0.52083vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 0.78125vw;
  }
  .dashboard-overview-blocks__performanceCard {
    background: #ffffff;
    padding: 1.66667vw 1.5625vw 1.66667vw 1.82292vw;
    width: 44.42708vw;
    height: 37.55208vw;
  }
  .dashboard-overview-blocks__performanceCardOverflowDiv {
    overflow: auto;
    height: 73%;
    padding-right: 2%;
  }
  .dashboard-overview-blocks__calendarCard {
    background: #ffffff;
    padding: 2.29167vw 1.14583vw 0.52083vw 1.5625vw;
    width: 38.64583vw;
    height: 37.55208vw;
  }
  .dashboard-overview-blocks__salesCard {
    background: #ffffff;
    padding: 2.91667vw 2.70833vw 1.66667vw 2.5vw;
    width: 100%;
    height: 35.3125vw;
    margin-right: 1.5625vw;
  }
  .dashboard-overview-blocks__meetingsCard,
  .dashboard-overview-blocks__followupsCard {
    width: 27.39583vw;
    height: 17.96875vw;
    color: #ffffff;
    -webkit-box-shadow: 0 0 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 2.60417vw rgba(0, 0, 0, 0.16);
  }
  .dashboard-overview-blocks__meetingsCard {
    padding: 2.29167vw 3.33333vw 0.78125vw 3.22917vw;
    background: linear-gradient(122deg, #b610fe 0%, #f0adff 100%);
  }
  .dashboard-overview-blocks__followupsCard {
    padding: 1.40625vw 4.16667vw 1.04167vw 2.5vw;
    background: linear-gradient(328deg, #b1f4cf 0%, #9890e3 100%);
    /* w3c */
  }
  .dashboard-overview-blocks__messagesCard {
    padding: 1.5625vw;
    background: #ffffff;
    width: 55.67708vw;
    height: 37.76042vw;
  }
  .purple-widget-card {
    background: linear-gradient(126deg, #b610fe 0%, #f0adff 100%);
  }
  .blue-widget-card {
    background: linear-gradient(126deg, #003cff 0%, #9ab8ff 100%);
  }
  .white-widget-card {
    background: #ffffff;
    color: #303030;
  }
  .purple-simple-card {
    background: linear-gradient(119deg, #003cff 0%, #9ab8ff 100%);
  }
  .simple-card-count-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dashboard-card-font-100,
  .dashboard-card-font-130 {
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .dashboard-card-font-100 {
    font-size: 5.20833vw;
    line-height: 7.8125vw;
  }
  .dashboard-card-font-130 {
    font-size: 6.77083vw;
    line-height: 10.20833vw;
    margin-right: 0.52083vw;
  }
  .dashboard-card-font-50 {
    font-size: 2.60417vw;
    line-height: 3.95833vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .predictions-graph {
    width: 90%;
    height: 85%;
  }
  .dashboard-overview-block {
    width: 100%;
    height: 11.97917vw;
  }
  .dashboard-overview-block .leads-gradient-block-font-100 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .dashboard-overview-block p {
    font-size: 1.04167vw;
    margin-left: 1.04167vw;
  }
  .performanec-text-underline {
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
    padding: 0.15625vw;
    border-bottom: 0.15625vw solid #303030;
  }
  .performanec-text-normal {
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .no_other_employees_section_performance_scoreboard {
    text-align: center;
    margin-top: 5.20833vw;
  }
  .no_other_employees_section_performance_scoreboard .add-form-btn {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 12.23958vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 1.25vw;
  }
  .dashboard-performance-card {
    padding: 0.78125vw 0.52083vw 0.78125vw 1.04167vw;
    margin-bottom: 0.3125vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dashboard-performance-card div {
    display: inline-block;
    vertical-align: middle;
  }
  .color-purple {
    color: #a627ff;
  }
  .grey-border-right-performance-card,
  .purple-border-right-performance-card {
    margin-left: 0.78125vw;
    margin-right: 0.78125vw;
    display: block;
    height: 2.39583vw;
  }
  .grey-border-right-performance-card {
    border-right: 1px solid rgba(0, 0, 0, 0.16);
  }
  .purple-border-right-performance-card {
    border-right: 1px solid rgba(166, 39, 255, 0.16);
  }
  .performance-card-btn {
    width: 8.59375vw;
    height: 2.65625vw;
    color: #ffffff;
    background: linear-gradient(145deg, rgba(0, 60, 255, 0.6) 0%, rgba(154, 184, 255, 0.6) 100%);
    border: 0;
    border-radius: 1.35417vw;
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-top: 5.52083vw;
  }
  .dashboard-meetings-person-img {
    width: 3.90625vw;
    margin-right: 1.5625vw;
    border-radius: 50%;
  }
  .dashboard-meeting-time {
    font-size: 3.90625vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-top: 0.52083vw;
    margin-bottom: 0;
  }
  .dashboard-overview-blocks__meetingsCard-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .dashboardMeetingsSlider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #ffffff !important;
  }
  .dashboardMeetingsSlider .slick-dots li button:before {
    opacity: 0.5 !important;
    color: #ffffff !important;
  }
  .dashboardMeetingsSlider .slick-dots {
    bottom: -1.45833vw !important;
  }
  .dashboardMeetingsSlider .slick-dots li {
    margin: 0 !important;
  }
  .line-height-normal {
    padding-top: 0.52083vw;
    line-height: 6.77083vw;
  }
  .followups-width-200 {
    position: relative;
    margin-top: 1.30208vw;
    width: 11.97917vw;
    padding-right: 1.04167vw;
    margin-right: 1.92708vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .followups-width-200::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0.52083vw;
    height: 11.97917vw;
    background: #ffffff;
    display: block;
    border-radius: 0.26042vw;
  }
  .dashboard-followups-card-msg-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grey-border-bottom-calendar,
  .holiday-grey-border-bottom-calendar {
    display: block;
    border-bottom: 1px solid rgba(132, 132, 132, 0.4);
  }
  .holiday-grey-border-bottom-calendar {
    margin-left: 8.33333vw;
    margin-right: 22.39583vw;
  }
  .dashboard-holiday-content-outer-div {
    height: 11.45833vw;
    padding-right: 0.52083vw;
    overflow: auto;
  }
  .dashboard-holiday-content-outer-div .holiday-grey-border-bottom-calendar:last-child {
    display: none;
  }
  .dashboard-holiday-content-outer-div--upcoming-leaves {
    height: 7.8125vw;
    padding-top: 0.26042vw;
  }
  .px-calendar {
    padding-left: 0.52083vw;
    padding-right: 0.52083vw;
  }
  .cayan-75-font {
    color: #00e8d3;
    font-size: 3.90625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 5.88542vw;
    margin-bottom: 0;
    margin-right: 1.04167vw;
  }
  .dashboard-holiday-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 2.13542vw;
  }
  .dashboard-holiday-upcoming-leaves {
    width: 39%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1.04167vw;
  }
  .dasboard-holiday-dash::after {
    content: "";
    display: block;
    width: 1.30208vw;
    height: 0.3125vw;
    background: #303030;
    margin-top: 3.07292vw;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist {
    padding: 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button[aria-selected="true"] {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .activityMenuTabs--dashboardSales .rwt__tabpanel {
    padding: 1.04167vw 1.5625vw;
  }
  .sales-report-tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sales-report-tab-content__1 {
    width: 51.61458vw;
    height: 21.35417vw;
  }
  .sales-report-tab-content__1 canvas {
    width: 100%;
    height: 100%;
  }
  .sales-report-tab-content__2 {
    margin-left: 5.20833vw;
    margin-right: 5.20833vw;
  }
  .sales-report-tab-content__3 {
    width: 16.5625vw;
    height: 21.35417vw;
  }
  .sales-purple-text,
  .sales-cayan-text {
    font-size: 3.90625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .sales-purple-text {
    background: linear-gradient(121deg, #01008e 0%, #c601bb 44%, #e50198 67%, #edd5c9 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .sales-cayan-text {
    background: -webkit-gradient(linear, left top, left bottom, from(#00d0bd), color-stop(56%, #7dfddc), to(#83ffdd));
    background: linear-gradient(180deg, #00d0bd 0%, #7dfddc 56%, #83ffdd 100%);
    background-clip: text;
    color: transparent;
  }
  .performance-card-btn--sales {
    width: 8.59375vw;
    height: 2.08333vw;
    margin-top: 0;
  }
  .performance-card-btn--scoreboard {
    margin-top: 0.83333vw;
    background: transparent;
    color: #303030;
    border: 0.15625vw solid #303030;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    width: 6.77083vw;
    height: 2.13542vw;
  }
  .performance-score-block-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.625vw;
  }
  .performance-score-block-outer .performance-score-block {
    text-align: center;
    margin-right: 3.64583vw;
  }
  .performance-score-block-outer .margin_when_two_sers_only {
    margin-left: 10.41667vw;
  }
  .performance-score-block-outer .performance-score-block:last-child {
    margin-right: 0;
  }
  .performace-scoreboard-img,
  .performace-scoreboard-img1 {
    border-radius: 50%;
  }
  .performace-scoreboard-img {
    width: 6.45833vw;
  }
  .performace-scoreboard-img1 {
    width: 8.07292vw;
  }
  .img-badge-outer {
    position: relative;
    margin-top: 0.625vw;
    margin-bottom: 1.04167vw;
  }
  .img-badge-text-outer {
    position: absolute;
    top: 0.26042vw;
    right: 0.26042vw;
  }
  .img-badge-text-outer-first {
    position: absolute;
    top: 0.26042vw;
    right: -0.10417vw;
  }
  .img-badge-text,
  .img-badge-text-first,
  .img-badge-text-card {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .img-badge-text .badgeCount,
  .img-badge-text-first .badgeCount,
  .img-badge-text-card .badgeCount {
    color: #ffffff;
    font-size: 0.78125vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 0.98958vw;
    margin-bottom: 0;
  }
  .img-badge-text img {
    width: 1.45833vw;
  }
  .img-badge-text .badgeCount {
    position: absolute;
    top: 0.26042vw;
    left: 0.52083vw;
  }
  .img-badge-text-first img {
    width: 2.03125vw;
  }
  .img-badge-text-first .badgeCount {
    position: absolute;
    top: 0.57292vw;
    left: 0.88542vw;
  }
  .img-badge-text-card {
    margin-right: 1.04167vw;
  }
  .img-badge-text-card img {
    width: 2.03125vw;
  }
  .img-badge-text-card .badgeCount {
    position: absolute;
    top: 0.57292vw;
    left: 0.72917vw;
  }
  .leads-content-img--card {
    width: 3.59375vw;
  }
  /* ===============================================================
                    
                    success message modal
                    
================================================================== */
  .customModal--successMsg {
    width: 37.76042vw;
    padding: 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 2.08333vw;
  }
  .success-msg-logo-block {
    width: 100%;
    height: 7.96875vw;
    background: white;
    border-radius: 2.08333vw 2.08333vw 0 0;
    -webkit-box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
    position: relative;
  }
  .success-msg-copyright-block {
    padding-left: 5.41667vw;
    padding-top: 1.77083vw;
    width: 100%;
    height: 4.73958vw;
    background: white;
    -webkit-box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.05);
    border-radius: 0 0 2.08333vw 2.08333vw;
  }
  .success-msg-logo {
    width: 13.125vw;
    height: 3.90625vw;
    margin-left: 5.15625vw;
    margin-top: 2.03125vw;
  }
  .customOverlay--successMsg {
    background: #ffffff !important;
  }
  .success-msg-grey-bg-block {
    background: #fafafa;
    padding: 2.29167vw 5.20833vw 2.44792vw 5.41667vw;
    -webkit-box-shadow: 0 0 2.08333vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2.08333vw rgba(0, 0, 0, 0.05);
  }
  .success-msg-btn {
    width: 11.82292vw;
    height: 3.48958vw;
    background: transparent linear-gradient(107deg, #8cd9fa 0%, #2488cb 100%);
    border-radius: 1.77083vw;
    border: 0;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    color: #ffffff;
  }
  /* ===============================================================
                    
                    forget password
                    
================================================================== */
  .width-587 {
    width: 30.57292vw !important;
  }
  .forget-password-block {
    width: 100%;
    border-radius: 1.04167vw;
  }
  .forget-password-block .color-gray {
    color: rgba(48, 48, 48, 0.5);
  }
  .forget-password-block .width-370 {
    width: 19.27083vw;
  }
  .forget-password-title-block {
    background-color: #f9debe;
    -webkit-box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 1.04167vw 1.04167vw 0 0;
    padding: 2.70833vw 2.70833vw 1.97917vw 2.70833vw;
    position: relative;
    color: #54349f;
  }
  .forget-password-content-block {
    background-color: #f9debe;
    -webkit-box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 0 0 1.04167vw 1.04167vw;
    padding: 3.69792vw 3.02083vw 2.60417vw 2.96875vw;
  }
  .forget-password-content-block .form-control-new {
    width: 100%;
    border-bottom-color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input {
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #54349f !important;
  }
  .forget-password-content-block input::-webkit-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input:-ms-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input::-ms-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input::placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block .bg-white-btn {
    border: 0.10417vw solid #54349f;
    background: transparent;
    color: #54349f;
  }
  .p-30-41 {
    padding: 2.13542vw 1.5625vw;
  }
  .p-30 {
    padding: 1.5625vw;
  }
  /* ===============================================================
                    
                        admin reports
                    
================================================================== */
  .admin-report-block {
    padding: 1.5625vw 5.67708vw 2.60417vw 7.34375vw;
  }
  .admin-reports-folds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .admin-reports-folds--new {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .admin-reports-fold-2,
  .admin-reports-fold-3__1,
  .admin-reports-fold-3__2 {
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
    overflow: auto;
  }
  .admin-reports-fold-2 {
    width: 85.3125vw;
    height: 30.46875vw;
    margin-right: 1.5625vw;
    padding: 1.30208vw 0.9375vw 2.86458vw 1.92708vw;
  }
  .admin-reports-fold-3__1 {
    width: 56.19792vw;
    height: 29.94792vw;
    padding: 1.30208vw 0.9375vw 2.86458vw 1.92708vw;
  }
  .admin-reports-fold-3__2 {
    width: 27.39583vw;
    height: 29.94792vw;
  }
  .admin-reports-fold-3__secondBlockTitle {
    margin: 1.30208vw 0.52083vw 2.23958vw 2.86458vw;
  }
  .activityMenuTabs--adminReport .rwt__tablist {
    padding: 0 0.52083vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activityMenuTabs--adminReport .rwt__tablist button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .activityMenuTabs--adminReport .rwt__tablist button[aria-selected="true"] {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif;
  }
  .activityMenuTabs--adminReport .rwt__tablist button[aria-selected="true"]::after {
    content: "";
    width: 1.30208vw;
    height: 0.15625vw;
    background: #303030;
    display: block;
  }
  .activityMenuTabs--adminReport .rwt__tablist button {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
  }
  .activityMenuTabs--adminReport .rwt__tabpanel {
    padding: 2.34375vw 0.52083vw 0 0.52083vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-placeholder {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-control {
    padding-right: 1.82292vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 7.8125vw;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin-top: 0.52083vw;
    padding: 0.52083vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-option {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-option.is-selected {
    background-color: transparent;
    font-family: "Poppins-Bold", sans-serif;
    font-weight: 700;
  }
  .admin-report-p-30 {
    padding: 1.5625vw;
  }
  .mt-56 {
    margin-top: 2.91667vw;
  }
  /* ===============================================================
                    
                    landing page
                    
================================================================== */
  .landingPageBgWhite {
    background-color: #ffffff;
    min-height: 100vh;
  }
  .landing-page-logo {
    height: 1.92708vw;
  }
  .landing-page-header {
    padding: 3.54167vw 7.34375vw 3.54167vw 7.86458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .landing-page-header .landing-page-header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .landing-page-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .landing-page-header ul li {
    list-style-type: none;
  }
  .landing-page-navlink {
    color: #502eff !important;
    font-size: 1.09375vw;
    font-family: "WorkSans-Medium", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
    margin-right: 2.29167vw;
  }
  .landing-page-navlink-active {
    color: #303030 !important;
  }
  .landing-page-btn-start-trial {
    font-size: 0.9375vw;
    font-family: "WorkSans-Medium", sans-serif, "Helvetica";
    width: 9.0625vw;
    height: 2.91667vw;
    background: #502eff;
    border-radius: 1.45833vw;
    border: 0;
    color: #ffffff;
  }
  .landing-page-footer {
    background-image: url("../../img/landing/footer-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #502eff;
    padding-left: 14.58333vw;
    padding-right: 14.58333vw;
    color: #ffffff;
  }
  .landing-page-footer__links-block {
    padding: 5.20833vw 3.28125vw;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-top: 7.8125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .landing-page-footer__links-block__1 {
    width: 13.33333vw;
    margin-right: 13.90625vw;
  }
  .landing-page-footer__links-block__2 {
    margin-right: 13.02083vw;
  }
  .landing-page-footer__links-block__3 img {
    height: 1.40625vw;
    margin-right: 2.34375vw;
  }
  .landing-page-footer__copyright {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
    text-align: center;
  }
  .landing-page-contact-us {
    padding-top: 4.16667vw;
    padding-bottom: 3.64583vw;
    text-align: center;
  }
  .landing-page-contact-us__heading1 {
    font-size: 1.5625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 1.14583vw;
  }
  .landing-page-contact-us__heading2 {
    font-size: 2.1875vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 2.60417vw;
    margin-bottom: 3.17708vw;
  }
  .landing-page-email-input {
    margin-right: 2.08333vw;
    width: 18.95833vw;
    height: 3.48958vw;
    border: 0.20833vw solid #ffffff;
    border-radius: 1.82292vw;
    background: transparent;
    padding-left: 2.08333vw;
    padding-right: 2.08333vw;
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: "Roboto-Medium", sans-serif, "Helvetica";
  }
  .landing-page-email-input::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: "Roboto-Medium", sans-serif, "Helvetica";
  }
  .landing-page-email-input:-ms-input-placeholder {
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: "Roboto-Medium", sans-serif, "Helvetica";
  }
  .landing-page-email-input::-ms-input-placeholder {
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: "Roboto-Medium", sans-serif, "Helvetica";
  }
  .landing-page-email-input::placeholder {
    color: #ffffff;
    font-size: 0.9375vw;
    font-family: "Roboto-Medium", sans-serif, "Helvetica";
  }
  .landing-page-email-send-btn {
    width: 7.96875vw;
    height: 2.5vw;
    background: #ffffff;
    -webkit-box-shadow: 0 1.04167vw 1.5625vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 1.04167vw 1.5625vw rgba(0, 0, 0, 0.16);
    color: #502eff;
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border-radius: 1.82292vw;
    border: 0;
  }
  .opacity-bold-text-fold1 {
    color: rgba(80, 46, 255, 0.1);
    font-size: 7.65625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    position: absolute;
    top: 4.16667vw;
    left: -17.60417vw;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .fold1-graph {
    width: 43.90625vw;
    margin-left: 7.34375vw;
    margin-bottom: 8.125vw;
  }
  .fold1-text1 {
    margin-bottom: 4.375vw;
    margin-left: 7.86458vw;
    color: #502eff;
    width: 53.125vw;
  }
  .fold1-text1__1 {
    font-size: 7.23958vw;
    line-height: 6.25vw;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
  }
  .fold1-text-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .fold1-text1__img {
    width: 5.20833vw;
    margin-left: 2.34375vw;
    margin-right: 1.45833vw;
  }
  .fold1-text1__2 {
    font-size: 1.04167vw;
    line-height: 1.40625vw;
    font-family: "OpenSans-Bold", sans-serif, "Helvetica";
  }
  .landing-page-fold2 {
    background-image: url("../../img/landing/fold2-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #502eff;
    padding: 12.76042vw 7.34375vw 0 7.34375vw;
    color: #ffffff;
  }
  .features-text-block1 {
    width: 34.79167vw;
    padding-top: 1.82292vw;
  }
  .features-macbook-img {
    width: 49.11458vw;
  }
  .features-pixel-img {
    width: 29.01042vw;
    margin-bottom: 6.25vw;
  }
  .features-text-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fold2-title,
  .fold2-title-bold-italic {
    font-size: 3.02083vw;
    line-height: 3.38542vw;
  }
  .fold2-title {
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 12.44792vw;
  }
  .fold2-title-bold-italic {
    font-family: "Poppins-ExtraBoldItalic", sans-serif, "Helvetica";
  }
  .fold2-desc {
    font-size: 1.5625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 2.39583vw;
    margin-bottom: 0;
  }
  .landing-page-clients {
    background-color: #ffffff;
    padding: 7.65625vw 8.59375vw;
    text-align: center;
  }
  .landing-page-clients__small-grey-title {
    color: #bebebe;
    font-size: 1.5625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0.78125vw;
    text-align: center;
  }
  .landing-page-clients__blue-title {
    color: #502eff;
    font-size: 3.02083vw;
    line-height: 2.96875vw;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    width: 36.97917vw;
    margin: 0 auto;
    margin-bottom: 5.15625vw;
    text-align: center;
  }
  .clients-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .clients-logos img {
    opacity: 0.3;
  }
  .clients-logos__1 {
    height: 2.03125vw;
  }
  .clients-logos__2 {
    height: 2.65625vw;
  }
  .clients-logos__3 {
    height: 3.54167vw;
  }
  .clients-logos__4 {
    height: 2.39583vw;
  }
  .clients-logos__5 {
    height: 2.5vw;
  }
  .landing-page-pricing {
    color: #ffffff;
    background-color: blue;
    padding: 5.20833vw 8.59375vw;
  }
  .landing-page-pricing__small-color-white-title {
    color: #ffffff;
    font-size: 1.5625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0.78125vw;
    text-align: center;
  }
  .landing-page-pricing__color-white-title {
    color: #ffffff;
    font-size: 3.02083vw;
    line-height: 2.96875vw;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    margin-bottom: 5.15625vw;
    text-align: center;
  }
  /*==========================================
        proposal
==========================================*/
  .customModal--addProposal {
    width: 85.3125vw !important;
    max-width: 100% !important;
    height: 46.875vw !important;
    max-height: 53.07292vw !important;
    overflow: auto;
  }
  .customModal--proposal-template {
    padding: 0 !important;
    width: 85.3125vw !important;
    max-width: 100% !important;
    height: 46.875vw !important;
    max-height: 53.07292vw !important;
    overflow: auto;
  }
  .proposal-modal-edit-template-slide-block {
    margin: 4.73958vw 0.52083vw 3.69792vw 3.28125vw;
  }
  .select-proposal-overflow-block {
    padding: 1.5625vw 0 1.5625vw 1.5625vw;
    overflow: auto;
  }
  .proposal-modal-container {
    padding: 0 !important;
  }
  .proposal-modal-title-block {
    margin-left: 0.78125vw;
    margin-right: 0.78125vw;
    padding-bottom: 2.23958vw;
    border-bottom: 0.10417vw solid rgba(48, 48, 48, 0.4);
  }
  .select-proposal__block {
    cursor: pointer;
    width: 18.64583vw;
    height: 17.13542vw;
    margin-right: 1.45833vw;
    margin-bottom: 1.45833vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    border: 0.10417vw solid transparent;
    border-radius: 0.78125vw;
    overflow: auto;
  }
  .select-proposal__block--active {
    border: 0.15625vw solid #003cff;
  }
  .select-proposal__block img {
    display: block;
    width: 100%;
    height: 10.67708vw;
    margin-bottom: 1.5625vw;
  }
  .select-proposal__block h1,
  .select-proposal__block p {
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .proposal-modal-btn {
    width: 9.21875vw;
    height: 2.91667vw;
    background: #ffffff;
    border: 0.10417vw solid #303030;
    border-radius: 1.45833vw;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-top: 1.04167vw;
  }
  .new-proposal-block {
    max-height: 100% !important;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .new-proposal-block__colm1 {
    width: 24.11458vw;
    height: 39.0625vw;
    border-right: 0.10417vw solid rgba(48, 48, 48, 0.4);
  }
  .new-proposal-block__colm2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .new-proposal-overflow-block {
    max-height: 32.8125vw;
    height: 32.8125vw;
    overflow: auto;
    padding-left: 0.52083vw;
    padding-top: 0.26042vw;
  }
  .new-proposal-overflow-block img,
  .new-proposal-overflow-block p {
    margin-bottom: 1.45833vw;
  }
  .new-proposal-block__colm1__h1 {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    border-bottom: 0.05208vw solid rgba(48, 48, 48, 0.4);
    margin-bottom: 1.5625vw;
    margin-right: 1.5625vw;
  }
  .new-proposal-block__colm1__img {
    width: 12.39583vw;
    height: 6.97917vw;
    background: transparent;
    border-radius: 0.78125vw;
    margin-right: 1.5625vw;
    border: 1px solid transparent;
  }
  .new-proposal-block__colm1__img--active {
    border: 1px solid #003cff;
  }
  .new-proposal-block__colm2 {
    padding-left: 3.64583vw;
    padding-top: 3.125vw;
  }
  .new-proposal-block__colm2__h1 {
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 2.5vw;
    margin-bottom: 1.77083vw;
  }
  .new-proposal-block__colm2__img {
    height: 25.98958vw;
    background: transparent;
    margin-bottom: 1.5625vw;
  }
  .template-proposal-block__colm1 {
    width: 28.17708vw;
    overflow: auto;
    background: #ffffff;
    padding: 1.92708vw 2.44792vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw gainsboro;
            box-shadow: 0 0.15625vw 2.60417vw gainsboro;
    position: relative;
  }
  .template-overflow-block {
    max-height: calc(100vh - 15vw);
    height: calc(100vh - 15vw);
    padding: 0;
    overflow: auto;
  }
  .template-proposal-block__colm2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-color: #fafafa;
    padding: 1.35417vw;
  }
  .template-buttons-block {
    text-align: right;
    position: absolute;
    bottom: 1.82292vw;
    right: 3.4375vw;
  }
  .template-proposal-block__colm2__row1 {
    padding: 1.66667vw 0 1.5625vw 0;
    margin-bottom: 1.04167vw;
    border-bottom: 0.15625vw solid rgba(48, 48, 48, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .template-proposal-block__colm2__row1 i:hover {
    cursor: pointer;
  }
  .template-proposal-block__colm2__row1 .Dropdown-control {
    padding: 0;
    padding-top: 0.10417vw;
    padding-right: 3.1875vw;
  }
  .template-proposal-block__colm2__row1 .font_family_editer_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    height: 2.08333vw;
    width: 12.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .template-proposal-block__colm2__row1 .font_family_editer_section span {
    font-size: 1.19792vw;
    margin-right: 1.04167vw;
  }
  .template-proposal-block__colm2__row1 .fontsize_editer_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    border-left: 1px solid black;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .template-proposal-block__colm2__row1 .color_editer_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .template-proposal-block__colm2__row1 .align_items_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    border-right: 1px solid black;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 10.41667vw;
    font-size: 1.04167vw;
  }
  .template-proposal-block__colm2__row1 .font_waight_icon_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    border-right: 1px solid black;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 10.41667vw;
    font-size: 1.04167vw;
  }
  .template-proposal-block__colm2__row1 .download_editer_icon_section {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.04167vw;
  }
  .template-proposal-block__colm2__row1__h1 {
    font-size: 1.97917vw;
    line-height: 1.97917vw;
    margin-bottom: 0;
  }
  .proposal-block-view__block {
    width: 20.15625vw;
    height: 23.4375vw;
    margin-right: 1.51042vw;
    overflow: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 0.78125vw;
  }
  .proposal-block-view__block-title-row {
    padding: 1.5625vw 1.45833vw 1.35417vw 1.45833vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .proposal-block-view__block-person-img {
    width: 2.60417vw;
    border-radius: 50%;
    margin-right: 1.5625vw;
  }
  .proposal-block-view__block-proposal-img {
    width: auto;
    height: 11.35417vw;
  }
  .proposal-block-view__block-desc {
    padding: 1.5625vw;
  }
  .coming-soon-proposals {
    background-image: url("../../img/proposal/coming-soon/proposals-bg.svg");
    background-position: top;
    background-size: 100%;
    min-height: 80vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .coming-soon-proposals img {
    height: 3.64583vw;
    margin-bottom: 1.82292vw;
  }
  .coming-soon-proposals h1 {
    width: 46.875vw;
    color: #502eff;
    font-size: 5.10417vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 3.90625vw;
  }
  .coming-soon-proposals button {
    padding: 0.78125vw 1.82292vw;
    color: #ffffff;
    background-color: #502eff;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    border: 0;
    border-radius: 2.34375vw;
    text-transform: uppercase;
  }
  .main_Proposal_add_Template_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fill-available;
    width: 100%;
    background: #ffffff;
  }
  .main_Proposal_add_Template_main_container .main_Proposal_add_Template_block_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    padding-top: 4.94792vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw gainsboro;
            box-shadow: 0 0.15625vw 2.60417vw gainsboro;
  }
  .main_Proposal_add_Template_main_container .main_Proposal_add_Template_block_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin-top: 4.16667vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main_proposal_proposal_name_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3.64583vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0.52083vw;
    border-bottom: 0.10417vw solid black;
  }
  .main_proposal_proposal_name_container .proposal_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main_proposal_proposal_name_container .proposal_name_edit_toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    height: 2.60417vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main_proposal_proposal_name_container .proposal_name_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    border-bottom: 1px solid blue;
    width: 100%;
    height: 2.60417vw;
    outline: none;
  }
  .main_Proposal_image_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5625vw 1.04167vw;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main_Proposal_image_container .main_Proposal_image_block_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main_Proposal_image_container .main_proposal_image_block_single_image {
    height: 7.8125vw;
    width: 14.58333vw;
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0 0.05208vw 4.16667vw gainsboro;
            box-shadow: 0 0.05208vw 4.16667vw gainsboro;
  }
  .main_Proposal_image_container .main_proposal_image_block_single_image_active {
    height: 7.8125vw;
    width: 14.58333vw;
    border-radius: 0.52083vw;
    border: 1px solid rgba(38, 51, 235, 0.74);
  }
  .main_Proposal_add_Template_block_right_pallete_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.16667vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw gainsboro;
            box-shadow: 0 0.15625vw 2.60417vw gainsboro;
    width: 95%;
    border-radius: 0.52083vw;
    background: white;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main_Proposal_add_Template_block_right_pallete_main_container .font_pallette_whole_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.125vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main_Proposal_add_Template_block_right_pallete_main_container .font_pallette_whole_container span {
    font-size: 1.04167vw;
  }
  .main_Proposal_add_Template_block_right_pallete_main_container .font_pallette_whole_container select {
    outline: none;
    border: none;
    font-size: 1.04167vw;
    background: white;
  }
  .main_Proposal_add_Template_block_right_pallete_main_container .font_pallette_whole_container option:after {
    content: " ";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    display: inline-block;
  }
  .side_bar_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 1px;
    border: 1px solid gainsboro;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw gainsboro;
            box-shadow: 0 0.15625vw 2.60417vw gainsboro;
  }
  .color_names {
    height: 2.08333vw;
    width: 4.16667vw;
  }
  .indentation_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 2.08333vw;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .indentation_icons:hover {
    height: 2.08333vw;
    width: 2.08333vw;
    background: gainsboro;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main_Proposal_add_Template_block_right_editable_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.08333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0.52083vw;
    height: 70%;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw gainsboro;
            box-shadow: 0 0.15625vw 2.60417vw gainsboro;
    width: 95%;
    background: white;
    background: #ffffff;
    box-shadow: 0 0.15625vw 2.60417vw gainsboro;
  }
  .main_Proposal_add_Template_block_right_buttons_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    padding-top: 1.04167vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .blocks_hover:hover {
    border: 1px solid red;
    cursor: pointer;
  }
  .blocks_hover_active {
    border: 1px solid black;
  }
  .input_class {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    border-bottom: 1px solid blue;
    height: 2.60417vw;
    outline: none;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5625vw;
    margin-bottom: 0.26042vw;
  }
  .asdads {
    background-image: url("../../../img/proposal/templates/proposal1/slide2-img.png");
  }
  .quotation-block-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(0, 0, 0, 0.16);
    padding: 1.5625vw 1.77083vw 1.04167vw 1.77083vw;
    border-radius: 0.78125vw;
    margin-right: 1.92708vw;
    margin-bottom: 1.92708vw;
    width: 20.15625vw;
    background: #f2f3f6;
    background: linear-gradient(-45deg, #f2f3f6 0%, white 100%);
  }
  .quotation-block-container h2 {
    font-size: 3.75vw;
    line-height: 5.625vw;
    color: #303030;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.26042vw;
    margin-bottom: 1.5625vw;
  }
  .quotation-block-container span {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #3b1f1f;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .quotation-block-container p {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    margin-right: 1.04167vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .quotation-block-container .fa-trash {
    font-size: 1.35417vw;
    color: rgba(0, 0, 0, 0.35);
    cursor: pointer;
  }
  .quotation-block-container .fa-pencil-square-o {
    font-size: 1.45833vw;
    color: rgba(0, 0, 0, 0.35);
    margin-top: 0.10417vw;
    cursor: pointer;
    margin-right: 0.78125vw;
  }
  .quotation-block-container .fa-eye:hover {
    cursor: pointer;
  }
  .quotation-block-container .members-new-list-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .quatation-to-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1.04167vw;
  }
  .quatation-to-section h2 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.26042vw;
  }
  .quatation-to-section h1 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0.78125vw;
  }
  .quatation-to-section p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 15px;
  }
  .quatation-from-section h2 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.26042vw;
  }
  .quatation-from-section h1 {
    font-size: 1.25vw;
    line-height: 1.82292vw;
    color: #303030;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0.78125vw;
  }
  .quatation-from-section p {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .quatation-from-section .quotation-button-section {
    text-align: right;
  }
  .quatation-from-section .quotation-button-section .save-draft-btn {
    width: 9.73958vw;
    height: 2.91667vw;
    background-color: transparent;
    color: #303030;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    border: 0.10417vw solid #303030;
    border-radius: 1.35417vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-right: 1.5625vw;
  }
  .quatation-from-section .quotation-button-section .already-sent-btn {
    width: 10.41667vw;
    height: 2.91667vw;
    background-color: transparent;
    color: #1aff7c;
    color: #502eff;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    border: 0.15625vw solid #1aff7c;
    border: 0.15625vw solid #502eff;
    border-radius: 1.35417vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .quatation-from-section .quotation-button-section .save-btn {
    width: 5.67708vw;
    height: 2.91667vw;
    background-color: transparent;
    color: #1aff7c;
    color: #502eff;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    border: 0.15625vw solid #1aff7c;
    border: 0.15625vw solid #502eff;
    border-radius: 1.35417vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .quatation-from-section .quotation-button-section .final_quotation_total {
    position: absolute;
    right: 14.58333vw;
    bottom: 10.41667vw;
  }
  .add-item-section {
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
  .add-item-section .fa-trash {
    font-size: 1.04167vw;
  }
  .add-item-section input {
    padding-left: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .add-item-section .amount-font {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .add-item-section .normal-text {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .add-item-section .input_disabled {
    border: none;
    background: transparent;
    outline: none;
  }
  .add-item-section .item-number-type {
    width: 5.20833vw;
  }
  .add-item-section .tota-section {
    margin-right: 7.8125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #303030;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .add-item-section .tota-section p {
    margin-right: 1.5625vw;
  }
  .add-item-section thead th {
    font-size: 1.09375vw;
    color: #303030;
    line-height: 1.61458vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    padding: 1.30208vw !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .add-item-section .button-section {
    margin-top: 1.5625vw;
  }
  .add-item-section .button-section .add-item {
    border: 1px solid #303030;
    background-color: transparent;
    width: 6.25vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 1.04167vw;
  }
  .add-item-section .button-section .save-edit-button {
    border: 1px solid #303030;
    background-color: transparent;
    width: 5.20833vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    font-size: 0.9375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .add-item-section td,
  .add-item-section th {
    padding: 1.30208vw !important;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    color: #303030;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .add-item-section table {
    border-bottom: 1px solid #dee2e6;
  }
  .customModal--addquotation {
    width: 73.95833vw !important;
    border-radius: 0.78125vw !important;
    padding: 1.5625vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .quotation_select_lead_pointer:hover {
    cursor: pointer;
  }
  .quotation_total_subtotal_section {
    float: right;
    border-bottom: 0px !important;
  }
  .quotation_total_subtotal_section td {
    padding: 0px !important;
  }
  .add-quotation-final-modal-logo {
    width: 8.4375vw;
    height: 8.4375vw;
    display: block;
    background-color: #e1e3e9;
    border-radius: 50%;
    margin-top: 1.5625vw;
  }
  .add-quotation-final-modal-logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .add-quotation-upload-logo-screen {
    margin-left: 4.58333vw;
    margin-bottom: 3.125vw;
  }
  .add-quotation-upload-logo-screen .add-quotation-final-modal-logo {
    margin-right: 7.70833vw;
  }
  .quotation-upload-img-block {
    margin-bottom: 2.34375vw;
    position: relative;
  }
  .quotation-upload-img-block .quotation-upload-img__btn,
  .quotation-upload-img-block .quotation-upload-img__input {
    width: 12.34375vw;
    height: 2.5vw;
    border: 0;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Regular, sans-serif, "Helvetica";
    font-size: 0.9375vw;
    cursor: default;
  }
  .quotation-upload-img-block .quotation-upload-img__btn {
    -webkit-box-shadow: 0 0.26042vw 0.52083vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.26042vw 0.52083vw rgba(128, 128, 128, 0.16);
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
  }
  .quotation-upload-img-block .quotation-upload-img__input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .quotation-new-container {
    padding-left: 3.02083vw;
    padding-top: 2.23958vw;
  }
  .quotation-new-container .new-leads-page-title {
    margin-right: 1.04167vw;
  }
  .quotation-new-container .quotation-new-container__gradient-div {
    padding: 1.92708vw 0.9375vw 0.625vw 0.9375vw;
  }
  .quotation-block-view-conatiner {
    padding: 2.44792vw 4.16667vw;
  }
  /* ===============================================================
                   message                
================================================================== */
  .dashboard-message {
    padding-left: 7.34375vw;
    padding-right: 7.34375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .dashboard-message__colm1 {
    width: 28.17708vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    position: relative;
  }
  .dashboard-message__colm1,
  .dashboard-message__colm2 {
    height: calc(100vh - 8vw);
    overflow: hidden;
  }
  .dashboard-message__colm2 {
    overflow: auto;
  }
  .dashboard-message__colm1__overflow-cards {
    height: calc(100vh - 8vw - 7.1875vw);
    overflow: auto;
  }
  .message-colm2-block__container {
    height: calc(100vh - 8vw - 11.40625vw);
    overflow: auto;
  }
  .dashboard-message__colm2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
  }
  .no_users_found_for_chat {
    text-align: center;
    margin-top: 30px;
    font-family: Poppins-Medium;
  }
  /* ===============================================================
                   message colm 1          
================================================================== */
  .dashboard-message__colm1__row1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.78125vw 1.19792vw 1.19792vw 1.19792vw;
  }
  .dashboard-message__colm1__row1-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dashboard-message__colm1__row1__img {
    width: 2.60417vw;
    margin-right: 1.40625vw;
    border-radius: 50%;
  }
  .dashboard-message__colm1__row1__img2 {
    cursor: pointer;
    width: 1.5625vw;
  }
  .message-search-block {
    padding-left: 1.77083vw;
    padding-right: 1.77083vw;
    position: relative;
    margin-bottom: 1.04167vw;
  }
  .message-search-block__input {
    width: 24.63542vw;
    height: 2.60417vw;
    background: #f7f7f7;
    border-radius: 2.1875vw;
    border: transparent;
    padding-left: 1.5625vw;
    padding-right: 2.5vw;
    font-size: 0.9375vw;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::-webkit-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input:-ms-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::-ms-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__icon {
    width: 1.04167vw;
    position: absolute;
    right: 2.70833vw;
    top: 0.9375vw;
    cursor: pointer;
  }
  .message-colm1-card {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.35417vw 2.29167vw 1.45833vw 2.29167vw;
  }
  .message-colm1-card h2 {
    font-size: 1.09375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    margin-bottom: 0;
    padding-bottom: 0.83333vw;
  }
  .message-colm1-card p {
    font-size: 0.9375vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
  }
  .message-colm1-card .fa-caret-right {
    font-size: 1.09375vw;
    font-family: "FontAwesome";
    margin-right: 0.625vw;
  }
  .message-colm1-card__text-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .message-colm1-card__img {
    width: 3.64583vw;
    margin-right: 1.25vw;
    border-radius: 50%;
  }
  .message-colm1-card__active {
    background-color: #fafafa;
  }
  .message-pb-16 {
    padding-bottom: 0.83333vw;
  }
  .message-colm1-card__notification {
    padding: 0.10417vw 0.78125vw;
    background-color: #1aff7c;
    border-radius: 0.78125vw;
  }
  .message-colm1-card__notification span {
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
    color: #ffffff;
  }
  /* ===============================================================
                   message colm 2      
================================================================== */
  .message-colm2-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.19792vw 3.80208vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
    position: relative;
  }
  .message-colm2-block__container {
    padding: 2.76042vw 1.66667vw;
  }
  .message-colm2-block__msg-received,
  .message-colm2-block__msg-sent {
    min-width: 15vw;
    max-width: 33.02083vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
    border-radius: 0.78125vw;
    position: relative;
  }
  .message-colm2-block__msg-received .fa-caret-left,
  .message-colm2-block__msg-received .fa-caret-right,
  .message-colm2-block__msg-sent .fa-caret-left,
  .message-colm2-block__msg-sent .fa-caret-right {
    position: absolute;
    font-size: 1.875vw;
    color: #ffffff;
    font-family: "FontAwesome";
  }
  .message-colm2-block__msg-received {
    padding: 1.04167vw 0.98958vw 0.9375vw 2.08333vw;
  }
  .message-colm2-block__msg-received .fa-caret-left {
    top: 0.46875vw;
    left: -0.78125vw;
  }
  .message-colm2-block__msg-sent {
    padding: 1.04167vw 2.08333vw 0.9375vw 0.98958vw;
    margin-bottom: 1.04167vw;
  }
  .message-colm2-block__msg-sent .fa-caret-right {
    top: 0.46875vw;
    right: -0.78125vw;
  }
  .message-colm2-block__sent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .message-colm2-block__msg-received-time {
    font-size: 0.9375vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 1.40625vw;
    margin-bottom: 0;
    padding: 0.52083vw;
  }
  .message-colm2-block__input {
    height: 6.25vw;
    padding: 2.03125vw 1.5625vw;
    padding-right: 0;
    margin-left: 1.66667vw;
    border: 0;
    border-top: 0.15625vw solid #80808028;
    font-size: 1.09375vw;
    width: 69%;
  }
  .message-colm2-block__input::-webkit-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input:-ms-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input::-ms-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input::placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__element {
    border-top: 0.15625vw solid #80808028;
    height: 6.25vw;
    padding: 2.03125vw 1.5625vw;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-colm2-block__element span {
    margin-right: 1.14583vw;
  }
  .message-colm2-block__input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.52083vw;
  }
  .btn-funnel-view--msg-colm2 {
    width: 5.72917vw;
    height: 2.1875vw;
  }
  .message-colm2-block__border-gray-right {
    border-right: 0.10417vw solid #a0a0a0;
    margin-right: 1.14583vw;
    height: 1.97917vw;
    display: inline-block;
    vertical-align: middle;
  }
  .message-colm2-block__element-file-block {
    position: relative;
    left: -0.52083vw;
    width: 2.08333vw;
    z-index: 9;
  }
  .message-colm2-block__element-file-block .message-colm2-block__element-file,
  .message-colm2-block__element-file-block span {
    position: absolute;
    width: 2.08333vw;
  }
  .message-colm2-block__element-file-block .message-colm2-block__element-file {
    opacity: 0;
    z-index: 1;
  }
  .message-main-emoji-block {
    position: relative;
  }
  .message-main-emoji-block .message-emoji-block {
    position: absolute;
    top: -17.96875vw;
    left: -10.41667vw;
    width: 16.61458vw;
    height: 16.77083vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
    padding: 1.04167vw 0 1.04167vw 1.66667vw;
    border-radius: 0.52083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: baseline;
        align-content: baseline;
  }
  .message-main-emoji-block .message-emoji-block li {
    cursor: pointer;
    list-style-type: none;
    margin-right: 0.83333vw;
    margin-bottom: 1.45833vw;
  }
  .message-main-emoji-block .message-main-emoji-block__block1 {
    position: relative;
  }
  .message-main-emoji-block .message-main-emoji-block__block1 .fa-caret-down {
    position: absolute;
    font-size: 1.875vw;
    color: #ffffff;
    font-family: "FontAwesome";
    bottom: 0;
    left: 0.26042vw;
    z-index: 1;
  }
  /* ===============================================================
                   message new chat modal     
================================================================== */
  .message-new-chat-modal-container {
    padding: 2.03125vw 4.16667vw 0 5.67708vw;
  }
  .message-new-chat-modal-container .dropdown-input-class {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 0.15625vw solid #cccccc;
  }
  /* ===============================================================
                    
                  UPDATES LOGIN AND SIGNUP
                    
================================================================== */
  .updates-signup-text {
    margin-top: 2.8125vw;
    margin-bottom: 1.82292vw;
  }
  .updates-signup-text p {
    color: #808080;
    font-size: 1.04167vw;
    font-family: Poppins-Regular;
  }
  .updates-signup-text .updates-signup-text__gray {
    color: #808080;
    font-size: 1.30208vw;
    line-height: 1.97917vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .updates-signup-text .updates-signup-text__blue {
    color: #453890;
    font-size: 1.45833vw;
    line-height: 2.1875vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .workspace-login-page-main-conatiner__bg-text {
    color: rgba(255, 255, 255, 0.21);
    font-size: 9.21875vw;
    line-height: 7.39583vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    position: absolute;
    left: -10.67708vw;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    top: 9.84375vw;
  }
  .customOverlay--successMsg {
    background-image: url("../../img/auth/dominate-auth-bg.svg") !important;
    background-position: top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
  }
  .plans0-img {
    width: 3.80208vw;
  }
  .plans1-img {
    width: 6.09375vw;
  }
  .plans2-img {
    width: 3.28125vw;
  }
  .plans3-img {
    width: 6.25vw;
  }
  .plans4-img {
    width: 2.96875vw;
  }
  /* ===============================================================
                    
                        overview demo
                    
================================================================== */
  .overview-demo-outline-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 2.23958vw;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: 2px solid #303030;
    border-radius: 1.40625vw;
    background-color: transparent;
  }
  .overview-demo-red-bg-btn {
    padding-left: 1.82292vw;
    padding-right: 1.82292vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 3.80208vw;
    font-size: 1.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: 0;
    border-radius: 1.97917vw;
    color: #ffffff;
    background-color: #453890;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
    margin-bottom: 4.84375vw;
  }
  .overview-demo__welcome-logo {
    width: 10.72917vw;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 2.39583vw;
    margin-top: 1.5625vw;
  }
  .overview-demo__welcome-title {
    color: #303030;
    font-size: 2.91667vw;
    line-height: 4.42708vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__screens-min-max-height {
    width: 100%;
    min-height: 26.45833vw;
    max-height: 33.75vw;
    display: block;
  }
  .overview-demo__footer-absolute {
    position: absolute;
    bottom: 1.82292vw;
    width: 96.5%;
  }
  .overview-demo__screen-0,
  .overview-demo__screen-1,
  .overview-demo__screen-2,
  .overview-demo__screen-3,
  .overview-demo__screen-4,
  .overview-demo__screen-5,
  .overview-demo__screen-7,
  .overview-demo__screen-8,
  .overview-demo__screen-9,
  .overview-demo__screen-17 {
    height: auto;
    display: block;
    margin: 0 auto;
    background-color: #ffffff;
  }
  .overview-demo__screen-2,
  .overview-demo__screen-4,
  .overview-demo__screen-5,
  .overview-demo__screen-7,
  .overview-demo__screen-9 {
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0.26042vw 0.26042vw 1.5625vw #80808089;
            box-shadow: 0.26042vw 0.26042vw 1.5625vw #80808089;
  }
  .overview-demo__screen-0 {
    width: 34.42708vw;
    margin-bottom: 4.375vw;
  }
  .overview-demo__screen-1 {
    width: 78.38542vw;
    margin-bottom: 2.86458vw;
  }
  .overview-demo__screen-2 {
    width: 75.78125vw;
    margin-bottom: 1.30208vw;
  }
  .overview-demo__screen-3 {
    width: 48.75vw;
    margin-bottom: 4.63542vw;
  }
  .overview-demo__screen-3--mt {
    margin-top: 4.47917vw;
  }
  .overview-demo__screen-4 {
    width: 75.78125vw;
    margin-bottom: 2.34375vw;
    border-radius: 0;
  }
  .overview-demo__screen-5 {
    width: 75.78125vw;
    margin-bottom: 2.34375vw;
  }
  .overview-demo__screen-7 {
    width: 60.15625vw;
  }
  .overview-demo__screen-8 {
    width: 79.42708vw;
    margin-bottom: 2.34375vw;
  }
  .overview-demo__screen-9 {
    width: 75.78125vw;
    margin-top: 1.30208vw;
    margin-bottom: 2.34375vw;
  }
  .overview-demo__screen-17 {
    width: 40.15625vw;
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
  .overview-demo__titleBlock,
  .overview-demo__titleBlockDashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .overview-demo__titleBlock {
    margin: 3.64583vw 7.39583vw 1.30208vw 7.39583vw;
  }
  .overview-demo__titleBlockDashboard {
    margin: 0.625vw 5.3125vw 1.66667vw 5.3125vw;
  }
  .overview-demo__titleBlock-logo {
    width: 11.61458vw;
    height: auto;
    display: block;
    margin-right: 1.04167vw;
  }
  .overview-demo__titleBlock_text-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 65%;
  }
  .overview-demo__titleBlock-title {
    font-size: 1.71875vw;
    line-height: 2.60417vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__titleBlock-title__img {
    width: 3.48958vw;
    display: block;
    opacity: 0.67;
    margin-right: 1.40625vw;
  }
  .overview-demo__desc,
  .overview-demo__descDashboard {
    font-size: 1.35417vw;
    line-height: 2.1875vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__desc {
    text-align: right;
    padding-bottom: 1.30208vw;
    padding-left: 4.58333vw;
    padding-right: 5.52083vw;
  }
  .overview-demo__descDashboard {
    text-align: center;
    padding-bottom: 1.04167vw;
    padding-left: 5.3125vw;
    padding-right: 5.3125vw;
  }
  .overview-demo__descScreen3 {
    font-size: 1.77083vw;
    line-height: 2.65625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
    width: 36.5625vw;
    margin: 0 auto;
    text-align: center;
  }
  .overview-demo-red-bg-btn-next,
  .overview-demo-red-border-btn-prev {
    width: 19.375vw;
    height: 3.22917vw;
    font-size: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
    border-radius: 1.97917vw;
  }
  .overview-demo-red-bg-btn-next {
    border: 0;
    color: #ffffff;
    background-color: #453890;
  }
  .overview-demo-red-border-btn-prev {
    border: 2px solid #453890;
    color: #453890;
    background-color: transparent;
  }
  .overview-demo__screen-1-footer-block {
    margin-left: 6.92708vw;
    margin-right: 6.09375vw;
    margin-bottom: 3.4375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .overview-demo__tip-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .overview-demo__tip-block--dashboard {
    margin-left: 5.3125vw;
    margin-right: 5.3125vw;
    margin-bottom: 1.30208vw;
  }
  .overview-demo__tip-block-img {
    font-size: 0.9375vw;
    margin-right: 0.625vw;
  }
  .overview-demo__tip-block-title {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
    margin-right: 1.14583vw;
  }
  .overview-demo__tip-block-desc {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    margin-bottom: 0;
    width: 33.54167vw;
  }
  .overview-demo__prev-next-block {
    margin-right: 5.3125vw;
    margin-bottom: 0.26042vw;
    margin-left: 5.3125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .overview-demo__text-btn-img {
    width: 11.35417vw;
    height: auto;
  }
  .cmd-centre-block {
    position: relative;
    padding: 3.4375vw 6.66667vw 2.13542vw 6.66667vw;
  }
  .cmd-centre-block .cmd-centre-block__blue-btns-block {
    position: absolute;
    right: 7.1875vw;
    top: 3.125vw;
  }
  .cmd-centre-block .cmd-centre-block__blue-btn {
    border-radius: 2.60417vw;
    width: 15vw;
    height: 2.65625vw;
    border: none;
    color: #ffffff;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 0.52083vw;
    background: linear-gradient(261deg, #502eff 0%, #d1c7ff 100%);
  }
  .cmd-centre-block .rwt__tab {
    width: 14.94792vw;
    height: 3.69792vw;
    background: #ffffff;
    border: 1px solid #0000000f;
    border-bottom: 0;
    padding: 0;
    border-top-left-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
    margin: -1px;
    color: rgba(0, 0, 0, 0.28);
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"] {
    -webkit-box-shadow: -0.15625vw -0.15625vw 0.78125vw #0000000f;
            box-shadow: -0.15625vw -0.15625vw 0.78125vw #0000000f;
    position: relative;
    color: black;
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"]::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.67708vw;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"] .fa {
    display: inline-block;
    font-size: 0.625vw;
    vertical-align: middle;
    margin-right: 0.78125vw;
  }
  .cmd-centre-block .rwt__tablist button .fa {
    display: none;
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"].rwt__tab:nth-child(1) .fa {
    color: #fa9472;
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"].rwt__tab:nth-child(2) .fa {
    color: #f067b4;
  }
  .cmd-centre-block .rwt__tablist button[aria-selected="true"].rwt__tab:nth-child(3) .fa {
    color: #f43b47;
  }
  .cmd-centre-block .rwt__tabpanel {
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: -0.15625vw -0.15625vw 0.78125vw #0000000f;
            box-shadow: -0.15625vw -0.15625vw 0.78125vw #0000000f;
    min-height: 80%;
  }
  .cmd-centre-headings-circle-img {
    width: 1.04167vw;
    margin-right: 0.88542vw;
    vertical-align: middle;
  }
  .cmd-centre-headings-circle-img + span {
    vertical-align: text-bottom;
  }
  .cmd-centre-block__no-target {
    width: 100%;
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 12.23958vw;
    padding-bottom: 14.32292vw;
  }
  .cmd-centre-block__no-target-title {
    font-size: 1.45833vw;
    line-height: 2.1875vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 1.92708vw;
  }
  .cmd-centre-overview__block {
    padding: 1.82292vw 3.59375vw 1.5625vw 0.83333vw;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    height: 100%;
  }
  .cmd-centre-overview__block .no_pending_leaves,
  .cmd-centre-overview__block .no_pending_holidays {
    text-align: center;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    color: rgba(0, 0, 0, 0.3);
  }
  .cmd-centre-overview__block .no_pending_leaves {
    margin-top: 5.98958vw;
  }
  .cmd-centre-overview__block .no_pending_holidays {
    margin-top: 1.30208vw;
  }
  .cmd-centre-overview__block .cmd-centre-overview__no-pending-leaves-img {
    width: 27.23958vw;
    margin-bottom: 0.52083vw;
  }
  .cmd-centre-overview__block .cmd-centre-overview__no-upcoming-holiday-img {
    width: 9.79167vw;
    margin-bottom: 0.52083vw;
  }
  .cmd-centre-overview__block .cmd-centre-overview__no-members-on-leave-img {
    width: 8.85417vw;
    margin-bottom: 0.26042vw;
  }
  .cmd-centre-overview__title {
    font-size: 1.04167vw;
    line-height: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 1.30208vw;
  }
  .cmd-centre-overview__colm1 {
    margin-right: 1.97917vw;
  }
  .cmd-centre-overview__colm1-box {
    width: 51.09375vw;
    height: 26.82292vw;
    overflow: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0 0.15625vw 0.78125vw #0000001f;
            box-shadow: 0 0.15625vw 0.78125vw #0000001f;
    border-radius: 0.78125vw;
    margin-left: 1.97917vw;
    position: relative;
  }
  .cmd-centre-overview__colm1-box::before {
    content: "";
    display: block;
    width: 0.15625vw;
    height: 18.95833vw;
    background: linear-gradient(260deg, #74ebd5 0%, #9face6 50%, #eaafc8 100%);
    border-radius: 1.5625vw;
    -webkit-box-shadow: 0 0.15625vw 0.26042vw #0000001f;
            box-shadow: 0 0.15625vw 0.26042vw #0000001f;
    position: absolute;
    top: 3.90625vw;
  }
  .cmd-centre-overview__colm2-block1,
  .cmd-centre-overview__colm2-block2 {
    width: 25vw;
    overflow: auto;
    -webkit-box-shadow: 0 0.15625vw 0.78125vw #0000001f;
            box-shadow: 0 0.15625vw 0.78125vw #0000001f;
    border-radius: 0.78125vw;
    margin-bottom: 1.77083vw;
    margin-left: 2.1875vw;
    position: relative;
  }
  .cmd-centre-overview__colm2-block1::before,
  .cmd-centre-overview__colm2-block2::before {
    content: "";
    display: block;
    width: 0.15625vw;
    height: 7.34375vw;
    border-radius: 1.5625vw;
    -webkit-box-shadow: 0 0.15625vw 0.26042vw #0000001f;
            box-shadow: 0 0.15625vw 0.26042vw #0000001f;
    position: absolute;
    top: 2.13542vw;
  }
  .cmd-centre-overview__colm2-block1 {
    height: 11.5625vw;
  }
  .cmd-centre-overview__colm2-block1::before {
    background: linear-gradient(260deg, #fa9472 0%, #fb6394 100%);
  }
  .cmd-centre-overview__colm2-block2 {
    height: 11.09375vw;
  }
  .cmd-centre-overview__colm2-block2::before {
    background: linear-gradient(260deg, #fbd786 0%, #eaafc8 50%, #f7797d 100%);
  }
  .cmd-centre-overview__colm1-table-div {
    margin-top: 0.41667vw;
    height: 97%;
    overflow: auto;
    padding: 1.45833vw 1.30208vw 0.78125vw 3.64583vw;
  }
  .cmd-centre-overview__colm1-table-div button {
    width: 10.41667vw;
    height: 2.76042vw;
    background: linear-gradient(103deg, #4568dc 0%, #b06ab3 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    border-radius: 2.60417vw;
    border: 0;
    color: #ffffff;
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 1.82292vw;
  }
  .cmd-centre-overview__colm1-table-div table {
    width: 100%;
  }
  .cmd-centre-overview__colm1-table-div tr {
    border-bottom: 1px solid rgba(112, 112, 112, 0.41);
  }
  .cmd-centre-overview__colm1-table-div thead tr {
    border-bottom: 0;
  }
  .cmd-centre-overview__colm1-table-div td {
    word-break: break-all;
    text-align: center;
    padding-top: 1.92708vw;
    padding-bottom: 0.78125vw;
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .cmd-centre-overview__colm1-table-div th {
    text-align: center;
    color: rgba(0, 0, 0, 0.34);
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .cmd-centre-overview__colm1-table-div th:nth-child(1),
  .cmd-centre-overview__colm1-table-div th:nth-child(3) {
    width: 20%;
  }
  .cmd-centre-overview__colm1-table-div th:nth-child(2),
  .cmd-centre-overview__colm1-table-div th:nth-child(4) {
    width: 30%;
  }
  .cmd-centre-overview__colm1-table-div td:nth-child(1) {
    padding-left: 1.04167vw;
    padding-right: 0.26042vw;
    text-align: left;
  }
  .cmd-centre-overview__colm2-block1-title1 {
    color: rgba(0, 0, 0, 0.31);
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    text-transform: uppercase;
    margin-bottom: 0;
    white-space: nowrap;
  }
  .cmd-centre-overview__colm2-block1-title2 {
    font-size: 1.66667vw;
    line-height: 2.5vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .cmd-centre-overview__colm2-block1-border {
    padding-bottom: 0.26042vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.23);
    margin-bottom: 0.67708vw;
  }
  .cmd-centre-overview__colm2-block1-overflow {
    margin-top: 0.52083vw;
    height: 90%;
    overflow: auto;
    padding: 0.98958vw 1.82292vw 0 1.92708vw;
  }
  .cmd-centre-overview__colm2-block1-overflow .cmd-centre-overview__colm2-block1-border:last-child {
    padding-bottom: 0.15625vw;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .cmd-centre-overview__colm2-block2-row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .cmd-centre-overview__colm2-block2-row-2 {
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0.9375vw;
    padding-right: 0.52083vw;
  }
  .cmd-centre-overview__colm2-block2-img {
    width: 2.60417vw;
    height: auto;
    display: block;
    border-radius: 50%;
  }
  .cmd-centre-overview__colm2-block2-text-1,
  .cmd-centre-overview__colm2-block2-text-2,
  .cmd-centre-overview__colm2-block2-text-3 {
    word-break: break-all;
    margin-bottom: 0;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .cmd-centre-overview__colm2-block2-text-1 {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .cmd-centre-overview__colm2-block2-text-2 {
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.83333vw;
    line-height: 1.30208vw;
  }
  .cmd-centre-overview__colm2-block2-text-3 {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
  }
  .cmd-centre-org-block {
    padding: 2.60417vw 3.38542vw 0.52083vw 4.79167vw;
  }
  .cmd-centre-overview__title--org {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .cmd-centre-overview__title__border {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 0.9375vw;
    margin-right: 0.9375vw;
    height: 1px;
    background-color: rgba(112, 112, 112, 0.21);
  }
  .cmd-centre-leads-card1 {
    width: 22.65625vw;
    height: 7.65625vw;
    overflow: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0 0.15625vw 0.78125vw rgba(0, 0, 0, 0.12);
            box-shadow: 0 0.15625vw 0.78125vw rgba(0, 0, 0, 0.12);
    border-radius: 0.20833vw;
    margin-bottom: 1.71875vw;
    margin-left: 1.5625vw;
    position: relative;
  }
  .cmd-centre-leads-card1--newLeads::before,
  .cmd-centre-leads-card1--contactedLeads::before,
  .cmd-centre-leads-card1--closedLeads::before {
    content: "";
    display: block;
    width: 0.15625vw;
    height: 4.84375vw;
    border-radius: 1.5625vw;
    -webkit-box-shadow: 0 0.15625vw 0.26042vw #0000001f;
            box-shadow: 0 0.15625vw 0.26042vw #0000001f;
    position: absolute;
    top: 1.40625vw;
  }
  .cmd-centre-leads-card1--newLeads::before {
    background: linear-gradient(260deg, #74ebd5 0%, #9face6 50%, #eaafc8 100%);
  }
  .cmd-centre-leads-card1--contactedLeads::before {
    background: linear-gradient(260deg, #eaafc8 0%, #fc466b 50%, #3f5efb 100%);
  }
  .cmd-centre-leads-card1--closedLeads::before {
    background: linear-gradient(260deg, #fa9472 0%, #fb6394 100%);
  }
  .cmd-centre-leads-card1__row {
    height: 98%;
    overflow: auto;
    padding: 1.35417vw 2.23958vw 1.51042vw 1.19792vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .cmd-centre-leads-card1__row .cmd-centre-leads-card1__row__colm1 {
    margin-right: 1.30208vw;
  }
  .cmd-centre-leads-card1__row input {
    width: 9.73958vw;
    height: 2.86458vw;
    border-radius: 1.5625vw;
    border: 0;
    background-color: rgba(101, 71, 223, 0.15);
    -webkit-box-shadow: 0 0.15625vw 0.15625vw rgba(0, 0, 0, 0.12);
            box-shadow: 0 0.15625vw 0.15625vw rgba(0, 0, 0, 0.12);
    margin-top: 0.67708vw;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    font-size: 1.09375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .cmd-centre-leads-card1__count-text1 {
    font-size: 1.82292vw;
    line-height: 2.76042vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-top: 0.67708vw;
  }
  .cmd-centre-block__blue-btn.cmd-centre-block__blue-btn--save-btn {
    width: 11.40625vw;
    margin-bottom: 1.5625vw;
  }
  .cmd-centre-block__blue-btn.cmd-centre-block__blue-btn--reset-btn {
    width: 11.40625vw;
    margin-bottom: 1.5625vw;
    color: #303030;
    background: transparent;
    border: 0.15625vw solid rgba(151, 131, 255, 0.71);
    margin-right: 0.78125vw;
  }
  .cmd-centre-block__blue-btn.cmd-centre-block__blue-btn--no-btn {
    margin-right: 1.30208vw;
    width: 11.40625vw;
    color: #303030;
    background: transparent;
    border: 0.15625vw solid rgba(255, 73, 100, 0.71);
  }
  .cmd-centre-block__blue-btn.cmd-centre-block__blue-btn--yes-btn {
    width: 11.40625vw;
    color: #ffffff;
    background: rgba(255, 0, 37, 0.71);
  }
  .cmd-centre-leads-card1__count-text-blue {
    cursor: pointer;
    font-size: 1.82292vw;
    line-height: 2.76042vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-top: 0.67708vw;
    background: -webkit-linear-gradient(-90deg, #502eff 0%, #502eff 40%, #d1c7ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.16));
  }
  .customModal--cmd-modal {
    width: 37.03125vw !important;
    padding: 2.03125vw 3.54167vw 1.04167vw 3.54167vw !important;
  }
  .customModal--cmd-modal .closeIconInModal::before,
  .customModal--cmd-modal .closeIconInModal::after {
    top: -0.46875vw;
    right: -1.71875vw;
    width: 0.15625vw;
    height: 0.83333vw;
  }
  .cmd-centre-block__cmd-modal-title {
    font-size: 1.04167vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 1.71875vw;
  }
  .cmd-centre-team-block {
    padding: 1.51042vw 7.55208vw 0.52083vw 2.03125vw;
  }
  .cmd-centre-team-block-team-members__row {
    padding: 3.125vw 1.04167vw 0 16.14583vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .cmd-centre-team-block-team-members__img-text-block {
    cursor: pointer;
    margin-right: 1.04167vw;
  }
  .cmd-opacity-light {
    opacity: 0.5;
  }
  .cmd-centre-team-block-team-members {
    position: relative;
  }
  .add-lead-pagination.add-lead-pagination--cmd {
    margin-bottom: 0;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-prev,
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-next {
    font-size: 1.97917vw !important;
    position: absolute;
    top: 4.27083vw;
    margin-right: 0;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-prev a::after {
    content: "";
    width: 0;
    height: 0;
    border-right: 0.41667vw solid #303030;
    border-top: 0.41667vw solid transparent;
    border-bottom: 0.41667vw solid transparent;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-next a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.41667vw solid #303030;
    border-top: 0.41667vw solid transparent;
    border-bottom: 0.41667vw solid transparent;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-prev {
    left: 14.0625vw;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-next {
    right: 13.54167vw;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-item,
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-item.rc-pagination-item-active {
    display: none;
  }
  .add-lead-pagination.add-lead-pagination--cmd .rc-pagination-disabled {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  /*======================================
      User Dahsboard main css
=======================================*/
  .user_dashboard_main_container {
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
    padding-top: 3.22917vw;
  }
  .user_dashboard_main_container .dashboard_row_first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .create_email_template_button {
    border-radius: 2.60417vw;
    width: 15vw;
    height: 2.65625vw;
    border: none;
    color: white;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 0.52083vw;
    background: #ff5acd;
    background: linear-gradient(280deg, #ff5acd 0%, #9face6 100%);
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .create_email_template_button--importLeads {
    background: #fea858;
    background: -webkit-gradient(linear, right top, left top, from(#fea858), to(#ed765e));
    background: linear-gradient(270deg, #fea858 0%, #ed765e 100%);
    width: 10.41667vw;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button {
    border-radius: 2.60417vw;
    width: 11.09375vw;
    height: 2.65625vw;
    border: none;
    color: white;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 0.52083vw;
    background: -webkit-linear-gradient(261deg, #502eff 0%, #d1c7ff 100%);
    /* safari5.1+,chrome10+ */
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-group .Dropdown-option {
    padding-left: 0.67708vw;
    padding-right: 0.67708vw;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.52083vw;
    padding-top: 0;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-group:first-child {
    border-bottom: 0;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-control {
    padding-top: 0.52083vw;
    width: 100%;
    max-width: 100%;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-control:hover {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_import_leads_button.lead-status-dropDown--importExport .Dropdown-placeholder {
    color: white;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    text-align: center;
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_add_lead_customer_and_all_button {
    border-radius: 2.60417vw;
    width: 9.27083vw;
    height: 2.65625vw;
    border: none;
    color: white;
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background: #502eff;
    background: linear-gradient(280deg, #502eff 0%, #d1c7ff 100%);
  }
  .user_dashboard_main_container .dashboard_row_first .dashboard_top_buttons .dashboard_add_lead_customer_and_all_button.lead-status-dropDown--importExport .Dropdown-group .Dropdown-option {
    padding-left: 0.83333vw;
    padding-right: 2.23958vw;
  }
  .user_dashboard_main_container .dashboard_card_count {
    padding-top: 0.41667vw;
    padding-bottom: 0.41667vw;
    margin-right: 0.72917vw;
    border-radius: 0.52083vw;
    width: 9.375vw;
    height: 4.6875vw;
    text-align: center;
    color: #ffffff;
  }
  .user_dashboard_main_container .dashboard_card_count p {
    font-size: 0.625vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .user_dashboard_main_container .dashboard_card_count span {
    font-size: 1.25vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .user_dashboard_main_container .pending_leads_gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#f6d365), to(#fda085));
    background-image: linear-gradient(to right, #f6d365, #fda085);
  }
  .user_dashboard_main_container .leads_closed_gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#9618f7), to(#d1c7ff));
    background-image: linear-gradient(to right, #9618f7, #d1c7ff);
  }
  .user_dashboard_main_container .no_data_today {
    text-align: center;
    margin-top: 2.60417vw;
    font-family: Poppins-Light;
  }
  .user_dashboard_main_container .no_data_today p {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    color: rgba(67, 66, 75, 0.45);
    text-transform: capitalize;
  }
  .user_dashboard_main_container .dashboard-todays-meeting-empty-img {
    width: 2.91667vw;
    margin-bottom: 1.04167vw;
  }
  .user_dashboard_main_container .dashboard-todays-followup-empty-img {
    width: 7.60417vw;
    margin-bottom: 0.98958vw;
  }
  .user_dashboard_main_container .dashboard-todays-tasks-empty-img {
    width: 6.51042vw;
    margin-bottom: 1.09375vw;
  }
  .user_dashboard_main_container .todays_followup_meet_card {
    margin-right: 0.67708vw;
    border-radius: 0.78125vw;
    padding: 0;
    width: 15.83333vw;
    height: 22.39583vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .user_dashboard_main_container .todays_followup_meet_card .card_header {
    padding: 1.04167vw 0 0 0;
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(35%, white));
    background: linear-gradient(180deg, #f9f9f9 0%, white 35%);
  }
  .user_dashboard_main_container .todays_followup_meet_card .card_header span {
    font-size: 2.5vw;
    font-style: italic;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    background: -webkit-linear-gradient(#fa9472, #fb6394);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.52083vw;
  }
  .user_dashboard_main_container .todays_followup_meet_card .card_header p {
    font-size: 0.88542vw;
    margin: 0;
    line-height: 1.35417vw;
    color: #303030;
    font-family: Poppins-Light;
  }
  .user_dashboard_main_container .todays_followup_meet_card .card_header h3 {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    color: #303030;
    font-family: Poppins-Bold;
    padding-bottom: 0.98958vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .user_dashboard_main_container .todays_followup_meet_card .card_header hr {
    width: 2.13542vw;
    color: #303030;
    border-top: 0.10417vw solid #303030;
    margin-top: 0.67708vw;
    margin-bottom: 0.67708vw;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups {
    padding: 0 0.52083vw 0.05208vw 0.52083vw;
    height: 11.66667vw;
    overflow: auto;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li {
    border-bottom: 0.05208vw solid rgba(92, 101, 157, 0.08);
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li:last-child {
    border-bottom: 0;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none;
    margin: 0.26042vw 0.57292vw;
    padding-bottom: 0.26042vw;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li .new-dash-row-one-desc-block {
    width: 4.6875vw;
    word-break: break-all;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li img {
    border-radius: 50%;
    width: 2.76042vw;
    height: 2.76042vw;
    margin-top: 0.26042vw;
    margin-bottom: 0.52083vw;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li p {
    font-size: 0.83333vw;
    color: #43424b;
    line-height: 1.30208vw;
    margin: 0;
    font-family: Poppins-Medium;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li span {
    font-size: 0.72917vw;
    color: #43424b;
    font-family: Poppins-Regular;
  }
  .user_dashboard_main_container .todays_followup_meet_card .list_of_followups li button {
    width: 4.84375vw;
    height: 1.71875vw;
    background-color: transparent;
    font-size: 0.625vw;
    border: 0.10417vw solid #9783ff;
    font-family: Poppins-Regular;
    border-radius: 2.60417vw;
    color: #43424b;
  }
  .user_dashboard_main_container .new-dashboard-row-one-task-title {
    font-size: 0.83333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.30208vw;
    margin-bottom: 0;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard {
    width: 5.20833vw;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-control,
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-menu {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-control,
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-placeholder,
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-option {
    font-size: 0.625vw;
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    line-height: 1.09375vw;
    margin-bottom: 0;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-menu {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-top: 0.15625vw;
    border-radius: 0.26042vw;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .Dropdown-arrow {
    border-width: 0.26042vw 0.26042vw 0 !important;
  }
  .user_dashboard_main_container .lead-status-dropDown.lead-status-dropDown--newDashboard .is-open .Dropdown-arrow {
    border-width: 0 0.26042vw 0.26042vw !important;
  }
  .user_dashboard_main_container .monthly_revenue_card {
    padding-bottom: 1.25vw;
    padding-left: 0.52083vw;
    padding-right: 0.52083vw;
    padding-top: 1.25vw;
    width: 9.375vw;
    height: 12.5vw;
    text-align: center;
    margin-top: 1.77083vw;
    margin-right: 0.72917vw;
    margin-bottom: 0.72917vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
  }
  .user_dashboard_main_container .monthly_revenue_card h3 {
    color: #303030;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-family: Poppins-Bold;
  }
  .user_dashboard_main_container .new-dashboard-circular-graph {
    margin-top: 0.52083vw;
    margin-bottom: 0.67708vw;
  }
  .user_dashboard_main_container .new-dashboard-circular-graph .CircularProgressbar .CircularProgressbar-trail {
    stroke: #fbfbfb;
  }
  .user_dashboard_main_container .new-dashboard-circular-graph .CircularProgressbar .CircularProgressbar-path {
    stroke: rgba(255, 37, 37, 0.5);
  }
  .user_dashboard_main_container .new-dashboard-circular-graph .CircularProgressbar .CircularProgressbar-text {
    fill: #43424b;
  }
  .user_dashboard_main_container .monthly_revenue_card__title1 {
    color: #43424b;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .user_dashboard_main_container .monthly_revenue_card__title2 {
    color: rgba(67, 66, 75, 0.45);
    font-size: 0.625vw;
    line-height: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .user_dashboard_main_container .dashboard_notigfication_box {
    margin-top: 1.66667vw;
    width: 15.88542vw;
    height: 17.96875vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 1.14583vw;
    border-radius: 0.78125vw;
  }
  .user_dashboard_main_container .dashboard_notigfication_box h3 {
    font-family: Poppins-Bold;
    font-size: 1.04167vw;
  }
  .user_dashboard_main_container .dashboard_notigfication_box ul {
    margin-top: 1.04167vw;
    height: 88%;
    overflow: auto;
  }
  .user_dashboard_main_container .dashboard_notigfication_box li {
    border-bottom: 0.05208vw solid rgba(92, 101, 157, 0.08);
  }
  .user_dashboard_main_container .dashboard_notigfication_box li:last-child {
    border-bottom: 0;
  }
  .user_dashboard_main_container .dashboard_notigfication_box li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.57292vw;
  }
  .user_dashboard_main_container .dashboard_notigfication_box img {
    width: 2.08333vw;
    height: 2.08333vw;
    margin-right: 0.72917vw;
  }
  .user_dashboard_main_container .dashboard_notigfication_box p {
    font-size: 0.625vw;
    font-family: Poppins-Medium;
    margin: 0px;
  }
  .user_dashboard_main_container .dashboard_notigfication_box span {
    font-family: Poppins-SemiBold;
  }
  .user_dashboard_main_container .dashboard_notigfication_box .dashboard-alerts-empty-img {
    width: 6.30208vw;
    height: auto;
    margin-bottom: 2.13542vw;
  }
  .user_dashboard_main_container .dashboard_notigfication_box .dashboard-alerts-empty-text {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    color: rgba(67, 66, 75, 0.45);
    text-transform: capitalize;
  }
  .user_dashboard_main_container .new-dashboard-rc-menu-dropdown .rc-dropdown-menu,
  .user_dashboard_main_container .new-dashboard-rc-menu-dropdown .rc-dropdown-menu.rc-dropdown-menu-root.rc-dropdown-menu-vertical {
    border: 0 !important;
  }
  .user_dashboard_main_container .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    font-size: 0.9375vw;
  }
  .user_dashboard_main_container .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    padding: 0 !important;
  }
  .user_dashboard_main_container .new-dashboard-rc-menu-dropdown .new-dashboard-rc-option {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container {
    text-align: center;
    padding-top: 1.30208vw;
    padding-bottom: 0.88542vw;
    padding-left: 2.13542vw;
    padding-right: 2.13542vw;
    width: 85.67708vw;
    height: 10.88542vw;
    margin-bottom: 0.57292vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .leads-title-block-container__date-picker {
    margin-right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container h2 {
    font-size: 1.04167vw;
    line-height: 1.25vw;
    color: #43424b;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 1.5625vw;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.45833vw;
    opacity: 0.9;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .super_hot_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#ff2626), to(#ffa5a5));
    background: linear-gradient(to right, #ff2626, #ffa5a5);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .hot_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#fea858), to(#ed765e));
    background: linear-gradient(to right, #fea858, #ed765e);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .warm_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#f6d365), to(#fda085));
    background: linear-gradient(to right, #f6d365, #fda085);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .new_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#acedfc), to(#57a1e6));
    background: linear-gradient(to right, #acedfc, #57a1e6);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .qualified_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#9618f7), to(#d1c7ff));
    background: linear-gradient(to right, #9618f7, #d1c7ff);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .on_hold_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#9ef2c9), to(#46dcb2));
    background: linear-gradient(to right, #9ef2c9, #46dcb2);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .drop_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#07a3b2), to(#d9ecc7));
    background: linear-gradient(to right, #07a3b2, #d9ecc7);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .contacted_gradient {
    background: -webkit-gradient(linear, left top, right top, from(#18c6f0), to(#8c8dac));
    background: linear-gradient(to right, #18c6f0, #8c8dac);
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .level_count_card {
    color: #ffffff;
    border-radius: 0.52083vw;
    padding-top: 0.52083vw;
    text-align: center;
    margin-right: 0.57292vw;
    width: 9.84375vw;
    height: 4.16667vw;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .level_count_card h3 {
    font-size: 1.5625vw;
    line-height: 1.77083vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0.26042vw;
  }
  .user_dashboard_main_container .dashboard_row_three_main_container .level_count_container .level_count_card p {
    margin: 0;
    font-size: 0.72917vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .user_dashboard_main_container .dashboard_row_eight_container {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    margin-top: 0;
    margin-bottom: 0.57292vw;
    width: 85.67708vw;
    height: 25.9375vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .user_dashboard_main_container .dashboard_row_eight_container h2 {
    text-align: center;
    font-size: 1.04167vw;
    font-family: Poppins-Bold;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .slick-slider {
    margin-left: 2.08333vw;
    margin-right: 2.08333vw;
    width: 95%;
    height: 100%;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .slick-slider .slick-prev:before,
  .user_dashboard_main_container .dashboard_row_eight_container .slick-slider .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: navy;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card {
    padding-top: 1.19792vw;
    padding-left: 2.08333vw;
    padding-right: 2.08333vw;
    padding-bottom: 1.19792vw;
    height: 19.6875vw;
    overflow: auto;
    margin-right: 0.78125vw;
    margin-left: 0.78125vw;
    margin-top: 1.5625vw;
    margin-bottom: 0.78125vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.52083vw;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .heading_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .heading_section p {
    margin-left: 1.09375vw;
    margin-bottom: 0px;
    color: #43424b;
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .employee_img {
    height: 2.76042vw;
    width: 2.76042vw;
    border-radius: 50%;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .leads_own_card_tabs {
    margin-top: 1.5625vw;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .rwt__tab {
    background: transparent;
    border: 0;
    font-family: Poppins-Bold;
    line-height: 1.61458vw;
    font-size: 0.83333vw;
    -webkit-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    color: gray !important;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .rwt__tab[aria-selected="true"]:after {
    content: "";
    position: absolute;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .rwt__tab[aria-selected="true"] {
    position: relative;
    color: black !important;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .rwt__tablist:not([aria-orientation="vertical"])
.rwt__tab[aria-selected="true"]:after {
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 0.10417vw solid #000000;
  }
  .user_dashboard_main_container .dashboard_row_eight_container .dashboard_leads_owned_conatiner .leads_owned_card .rwt__tablist {
    margin-bottom: 1.82292vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user_dashboard_main_container .dashboard_row_seven_container button {
    background-color: transparent;
    border: none;
    margin: 0 0.52083vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard-overview-blocks__performanceCard {
    margin-right: 0.98958vw;
    background: #ffffff;
    padding: 1.66667vw 1.5625vw 1.66667vw 1.82292vw;
    width: 35.67708vw;
    height: 33.80208vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard-overview-blocks__performanceCard h3 {
    font-size: 1.04167vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .no_other_employees_section_performance_scoreboard {
    text-align: center;
    margin-top: 3.125vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .no_other_employees_section_performance_scoreboard h3 {
    text-align: center;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .no_other_employees_section_performance_scoreboard .add-form-btn {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 12.23958vw;
    height: 2.60417vw;
    border-radius: 1.5625vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 1.25vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner {
    padding: 1.77083vw;
    width: 48.95833vw;
    height: 33.59375vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner h3 {
    text-align: center;
    font-family: Poppins-Bold;
    font-size: 1.04167vw;
    color: #303030;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .current_date {
    font-size: 1.25vw;
    font-family: Poppins-Bold;
    color: #303030;
    margin-bottom: 0.36458vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container {
    padding-left: 1.5625vw;
    margin-top: 1.97917vw;
    width: 26.04167vw;
    border-right: 1px solid #848484;
    height: 26.04167vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container table,
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container tr,
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container td {
    border: none;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container button {
    border: none;
    font-size: 0.78125vw;
    color: #303030;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .calender-date-section {
    margin-top: 2.1875vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .dates_stayle {
    font-family: Poppins-Bold;
    width: 3.4375vw;
    height: 3.4375vw;
    vertical-align: inherit;
    text-align: center;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .days_name {
    width: 3.4375vw;
    height: 3.4375vw;
    vertical-align: inherit;
    font-family: Poppins-Bold;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .current-date-border {
    background: -webkit-linear-gradient(136deg, #502eff 0%, #d1c7ff 100%);
    /* safari5.1+,chrome10+ */
    color: white;
    border-radius: 0.15625vw;
    -webkit-box-shadow: 0px 0px 0.26042vw #ff003166;
            box-shadow: 0px 0px 0.26042vw #ff003166;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .dayDisabled {
    color: darkgray;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .main-calender-container .event-name {
    color: #fc9f35;
    position: relative;
    font-size: 1.30208vw;
    top: 39%;
    right: 23%;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .calender_data_card {
    width: 19.27083vw;
    margin-top: 3.02083vw;
    margin-left: 1.875vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .calender_data_card h3 {
    font-size: 1.09375vw;
    font-family: Poppins-Medium;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .calender_data_card .heading_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #848484;
    padding-bottom: 0.3125vw;
    margin-bottom: 1.04167vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .calender_data_card .heading_section .fa-times {
    cursor: pointer;
    font-size: 1.04167vw;
    margin-bottom: 0.52083vw;
  }
  .user_dashboard_main_container .dashboard_row_seven_container .dashboard_calender_card_conatiner .calender_upcominleaves_holidays_card {
    width: 19.27083vw;
    margin-top: 1.97917vw;
    margin-left: 1.875vw;
    padding-right: 0.83333vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-card-title {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0.625vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-blue-text {
    color: #00e8d3;
    font-size: 1.66667vw;
    line-height: 2.5vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-black-text {
    color: #303030;
    font-size: 0.88542vw;
    line-height: 1.35417vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-left: 0.15625vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-black-text-dash {
    color: #303030;
    font-size: 0.88542vw;
    line-height: 1.35417vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-left: 1.04167vw;
    margin-right: 1.04167vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-name {
    padding-top: 0.57292vw;
    padding-bottom: 0.67708vw;
    margin-bottom: 0;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-border-bottom {
    border-bottom: 1px solid #5c659d;
    margin-bottom: 0.67708vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__holiday-black-text {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-left: 1.04167vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__members-img {
    width: 2.76042vw;
    height: auto;
    display: block;
    border-radius: 50%;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__members-img-text-block {
    padding-bottom: 0.67708vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__members-text {
    margin-left: 0.72917vw;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__leaves-overflow-block {
    height: 5.72917vw;
    overflow: auto;
    margin-bottom: 0.26042vw;
    padding-right: 0.52083vw;
  }
  .user_dashboard_main_container .new-dashboard-row-members-overflow-block {
    height: 7.03125vw;
    overflow: auto;
    margin-bottom: 0.26042vw;
    padding-right: 0.52083vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-card-overflow {
    height: 20.57292vw;
    display: block;
    overflow: auto;
    padding-right: 0.78125vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-card-overflow .new-dashboard-row-seven__members-img-text-block {
    padding-bottom: 1.40625vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-text-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-text-1 {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    margin-left: 0.88542vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-text-2 {
    font-size: 0.72917vw;
    line-height: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
    margin-left: 0.88542vw;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-orange-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .user_dashboard_main_container .new-dashboard-row-seven__calendar-data-orange-dot::before {
    content: "";
    display: block;
    width: 0.36458vw;
    height: 0.36458vw;
    border-radius: 50%;
    background: #fc9f35;
    margin-right: 0.52083vw;
  }
  .user_dashboard_main_container .new-dashboard-no-pending-holidays {
    text-align: center;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    color: rgba(0, 0, 0, 0.3);
  }
  .user_dashboard_main_container .new-dashboard-no-pending-holidays {
    margin-top: 0.26042vw;
  }
  .user_dashboard_main_container .new-dashboard__no-pending-leaves-img {
    width: 5.88542vw;
    margin-bottom: 0.52083vw;
  }
  .user_dashboard_main_container .new-dashboard__no-upcoming-holiday-img {
    width: 8.125vw;
    margin-bottom: 0.88542vw;
  }
  .user_dashboard_main_container .new-dashboard__no-members-on-leave-img {
    width: 5.26042vw;
    margin-bottom: 1.04167vw;
  }
  .new-dashboard-row-2 {
    margin-top: 0.52083vw;
    padding-right: 0.41667vw;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .new-dashboard-row-2-colm1-card1 {
    margin-right: 0.57292vw;
    margin-bottom: 0.57292vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    padding: 0.78125vw;
  }
  .new-dashboard-row-2-colm1-card1__title {
    font-size: 1.04167vw;
    line-height: 1.25vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .new-dashboard-row-2-colm1-card1 {
    width: 21.66667vw;
    height: 10.98958vw;
    overflow: auto;
  }
  .new-dashboard-row-2-colm1-card1--colm2-card {
    width: 36.25vw;
    height: 22.5vw;
  }
  .new-dashboard-row-2-colm1-card1--colm3-card {
    width: 27.8125vw;
    height: 22.5vw;
  }
  .new-dashboard-row-5 {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    margin-top: 0.98958vw;
  }
  .new-dashboard-row-5-colm1-card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 1.77083vw;
    border-radius: 0.78125vw;
    margin-right: 0.98958vw;
    margin-bottom: 0.98958vw;
  }
  .new-dashboard-row-5-colm1-card,
  .new-dashboard-row-5-colm1-card--colm2Card {
    width: 29.0625vw;
    height: 30.88542vw;
    overflow: auto;
  }
  .new-dashboard-row-5-colm1-card--colm2Card {
    padding-left: 1.04167vw;
  }
  .new-dashboard-row-5-colm1-card--colm3Card {
    width: 27.39583vw;
    padding-left: 0.9375vw;
  }
  .new-dashboard-row-4-colm1-card,
  .new-dashboard-row-4-colm2-card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 1.77083vw;
    border-radius: 0.78125vw;
    margin-right: 0.57292vw;
    margin-bottom: 0.57292vw;
    height: 27.44792vw;
    overflow: auto;
  }
  .no_deals_in_pipeline {
    text-align: center;
    margin-top: 10.41667vw;
  }
  .new-dashboard-row-4-colm1-card {
    width: 36.25vw;
  }
  .new-dashboard-row-4-colm2-card {
    width: 49.58333vw;
  }
  .deals_in_pipeline_container .list_row {
    border-top: 0.05208vw solid #5c659d;
    border-bottom: 0.05208vw solid #5c659d;
  }
  .deals_in_pipeline_container .list_row td {
    padding: 0.78125vw;
    font-size: 0.83333vw;
  }
  .deals_in_pipeline_container th {
    padding: 0.52083vw;
    color: #43424b;
    font-size: 0.72917vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    padding-left: 0.78125vw;
  }
  .deals_in_pipeline_container td {
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #43424b;
  }
  .deals_in_pipeline_container .profile_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .deals_in_pipeline_container .profile_section p {
    margin: 0;
    font-size: 0.83333vw;
    color: #43424b;
  }
  .deals_in_pipeline_container .profile_section img {
    width: 2.76042vw;
    height: 2.76042vw;
    border-radius: 100%;
    margin-right: 1.09375vw;
  }
  .deals_in_pipeline_container table {
    margin-top: 0.67708vw;
    width: 100% !important;
  }
  .funnel-view--newDashboard .funnel-view-outer-div {
    margin-top: 1.04167vw;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    overflow: auto;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block h5,
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block h6 {
    text-align: center;
    white-space: wrap;
    padding-left: 0;
    margin-bottom: 0.52083vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block {
    width: 5.20833vw;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .funnel-view--newDashboard .funnel-view-outer-div {
    padding-bottom: 0.52083vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__colorDivOuter {
    height: 15.10417vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(1) .funnel-view-outer-div__colorDivOuter {
    height: 15.10417vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(2) .funnel-view-outer-div__colorDivOuter {
    height: 14.0625vw;
    margin-top: 1.04167vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(3) .funnel-view-outer-div__colorDivOuter {
    height: 13.02083vw;
    margin-top: 1.61458vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(4) .funnel-view-outer-div__colorDivOuter {
    height: 11.97917vw;
    margin-top: 2.13542vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(5) .funnel-view-outer-div__colorDivOuter {
    height: 11.09375vw;
    margin-top: 2.60417vw;
  }
  .funnel-view--newDashboard .funnel-view-outer-div .funnel-view-outer-div__block:nth-child(6) .funnel-view-outer-div__colorDivOuter {
    height: 10.15625vw;
    margin-top: 3.07292vw;
  }
  .new-dashboard-row-6 {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    padding-right: 0.41667vw;
    padding-left: 0.10417vw;
  }
  .new-dashboard-row-6-colm1-card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 1.77083vw;
    border-radius: 0.78125vw;
    margin-right: 0.57292vw;
    margin-bottom: 0.57292vw;
  }
  .new-dashboard-row-6-colm1-card {
    width: 36.25vw;
    height: 23.02083vw;
    overflow: auto;
  }
  .new-dashboard-row-6-colm1-card--colm2Card {
    width: 49.58333vw;
    padding-bottom: 0.26042vw;
  }
  .sales-report-tab-content__1-new-dashboard {
    width: 45.88542vw;
    height: 100%;
  }
  .sales-report-tab-content__1-new-dashboard canvas {
    width: 100%;
    height: 100%;
  }
  .sales-report-tab-content__2-new-dashboard {
    margin-left: 1.04167vw;
    margin-right: 0.52083vw;
  }
  .sales-report-tab-content__2-new-dashboard .sales-purple-text,
  .sales-report-tab-content__2-new-dashboard .sales-cayan-text {
    font-size: 2.1875vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .sales-report-tab-content__2-new-dashboard h6 {
    width: 6.77083vw;
    font-size: 0.67708vw;
  }
  .sales-report-tab-content__2-new-dashboard .sales-purple-text {
    background: linear-gradient(121deg, #01008e98 0%, #c601bb98 44%, #e5019898 67%, #edd5c998 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) and (max-width: 1044px) {
  .sales-report-tab-content--new-dashboard {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sales-report-tab-content--new-dashboard .sales-report-tab-content__2-new-dashboard {
    margin-top: 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .toggle--new-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.60417vw;
  }
  .toggle--new-dashboard span {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    color: rgba(48, 48, 48, 0.45);
  }
  .toggle--new-dashboard span b {
    color: #303030;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .toggle--new-dashboard .toggle-chk-circle {
    -webkit-box-shadow: 0 0.15625vw 0.26042vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.26042vw rgba(0, 0, 0, 0.16);
  }
  .toggle--new-dashboard input:checked + .toggle__switch:after,
  .toggle--new-dashboard .toggle__switch:after {
    background-color: #7155ff !important;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .user_report_main_container {
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
    padding-top: 3.22917vw;
  }
  .new-report-row-2-colm1-card1__title {
    font-size: 1.45833vw;
    line-height: 1.5625vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .new-report-row-2-colm1-card1__title--card2 {
    margin-bottom: 5.52083vw;
  }
  .new-report-row-2 {
    margin-right: 0.98958vw !important;
    margin-bottom: 0.98958vw;
  }
  .new-report-row-2__colm {
    padding: 2.96875vw 4.27083vw 1.40625vw 2.44792vw;
    width: 100%;
    height: 24.375vw;
    overflow: auto;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .new-report-row-2-colm1-card1__title--row2-card {
    margin-bottom: 3.17708vw;
  }
  .new-report-row-3 {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    margin-right: 0.05208vw !important;
  }
  .new-report-row-3__colm1 {
    padding-top: 1.82292vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    width: 42.70833vw;
    height: 29.79167vw;
    overflow: auto;
    margin-right: 0.98958vw;
    margin-bottom: 0.98958vw;
  }
  .new-report-row-2-colm1-card1__title--report-row3 {
    margin-bottom: 2.60417vw;
  }
  .new-report-row-3__graphBlock {
    padding: 1.82292vw 4.6875vw 1.40625vw 2.44792vw;
  }
  .new-report-row-3__colm1-datepicker {
    padding: 0 8.85417vw;
    margin-bottom: 1.04167vw;
  }
  .new-report-row-3__graphBlock2 {
    padding: 1.04167vw 2.44792vw 1.04167vw 1.30208vw;
  }
  .leads-new-details-content-card-bg,
  .leads-new-details-content-card-bg-activity {
    background: url("../../img/background-new-design/new-design-leads-inner-page-bg.svg");
    background-position: bottom;
  }
  .leads-new-details-content-card-bg-activity {
    background-position: right;
  }
  .lead_add_more_info_model,
  .activity-outer-container__colm1,
  .customModal--importLeads {
    background: url("../../img/background-new-design/form-bg-3.svg");
    background-position: inherit;
  }
  .customModal--addLead {
    background: url("../../img/background-new-design/form-bg-2.svg");
    background-position: inherit;
  }
  .user_dashboard_main_container,
  .dashboard-message {
    background: url("../../img/background-new-design/dashboard-bg.svg");
    background-position: inherit;
  }
  .new-proposal-background,
  .task-page-bg,
  .cmd-centre-block,
  .service_activation__main_container,
  .setting_page__main_container_mailbox {
    background: url("../../img/background-new-design/command-centre-bg.svg");
    background-position: inherit;
  }
  .new-quotation-background,
  .accounts-details-tabpanel-div,
  .main-calender-tabs-container,
  .MuiBox-root {
    background: url("../../img/background-new-design/chat-bg.svg");
    background-position: inherit;
  }
  .deals-background {
    background: url("../../img/background-new-design/sales-centre-bg.svg");
    background-position: inherit;
  }
  .customModal--addquotation {
    background: url("../../img/background-new-design/chat-bg.svg");
    background-position: top;
  }
  .activity-outer-container__colm2 {
    background: url("../../img/background-new-design/chat-bg.svg");
    background-position: right;
  }
  .customers-block-view-conatiner {
    background: url("../../img/background-new-design/dashboard-bg.svg");
    background-position: inherit;
    background-repeat: no-repeat;
    min-height: inherit;
    background-size: cover;
  }
  .leads-new-details-content-card-bg,
  .leads-new-details-content-card-bg-activity,
  .activity-outer-container__colm1,
  .activity-outer-container__colm2,
  .lead_add_more_info_model,
  .customModal--addquotation,
  .customModal--addLead,
  .customModal--importLeads,
  .user_dashboard_main_container,
  .task-page-bg,
  .dashboard-message,
  .cmd-centre-block,
  .service_activation__main_container,
  .setting_page__main_container_mailbox,
  .MuiBox-root,
  .main-calender-tabs-container,
  .customers-block-view-conatiner,
  .new-quotation-background,
  .deals-background,
  .accounts-details-tabpanel-div,
  .new-proposal-background {
    background-repeat: no-repeat;
    min-height: inherit;
    background-size: cover;
  }
  .lead_add_more_info_model,
  .customModal--addquotation,
  .customModal--addLead,
  .customModal--importLeads {
    background-color: #ffffff;
  }
  .new-dashboard-row-5-colm1-card,
  .new-dashboard-row-5-colm1-card--colm2Card,
  .new-dashboard-row-5-colm1-card--colm3Card,
  .new-report-row-2__colm,
  .new-report-row-3__colm1,
  .dashboard_row_eight_container,
  .todays_followup_meet_card,
  .monthly_revenue_card,
  .dashboard_notigfication_box,
  .new-dashboard-row-2-colm1-card1,
  .dashboard_row_three_main_container,
  .new-dashboard-row-4-colm1-card,
  .new-dashboard-row-4-colm2-card,
  .new-dashboard-row-6-colm1-card,
  .dashboard-overview-blocks__performanceCard,
  .dashboard_calender_card_conatiner,
  .table-bordered,
  .activityMenuTabs .rwt__tablist,
  .overview-demo-outline-button,
  .btn-funnel-view--files,
  .main_container_email_dashboard__bottom__left,
  .main_container_email_dashboard__bottom__right,
  .display_contacts_main_container,
  .display_contacts_main_container {
    background-color: #ffffff;
  }
  .task-page-bg,
  .new-proposal-background,
  .new-quotation-background,
  .deals-background {
    min-height: 65vh;
  }
  .sales-centre-scrollspy__main-div {
    background-image: url("../../img/background-new-design/sales-centre-bg.svg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f2f3f6;
    min-height: 80vh;
  }
  .sales-centre-scrollspy__page-title-1 {
    font-size: 1.71875vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 2.60417vw;
    margin-bottom: 1.19792vw;
    text-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .sales-centre-scrollspy__page-title-2 {
    font-size: 0.98958vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 1.51042vw;
    margin-bottom: 1.5625vw;
    color: rgba(48, 48, 48, 0.86);
  }
  .sales-centre-scrollspy__menus-fixed {
    padding-top: 1.92708vw;
    text-align: center;
  }
  .sales-centre-scrollspy__menus {
    margin-bottom: 2.60417vw;
  }
  .sales-centre-scrollspy__menus ul {
    margin-bottom: 0;
  }
  .sales-centre-scrollspy__menus ul li {
    display: inline-block;
    padding: 0.625vw 1.82292vw;
    margin-right: 1.5625vw;
  }
  .sales-centre-scrollspy__menus ul li.is-current {
    background-color: #ffffff;
    border-radius: 1.30208vw;
    position: relative;
  }
  .sales-centre-scrollspy__menus ul li.is-current::after {
    content: "";
    width: 60%;
    height: 0.15625vw;
    background: #f6d365;
    background: -webkit-gradient(linear, left top, right top, from(#f6d365), to(#fda085));
    background: linear-gradient(90deg, #f6d365 0%, #fda085 100%);
    border-radius: 0.78125vw;
    position: absolute;
    bottom: -0.10417vw;
    left: 20%;
  }
  .sales-centre-scrollspy__menus ul li.is-current .sales-centre-scrollspy__menus-link {
    color: #404040 !important;
  }
  .sales-centre-scrollspy__menus-link {
    color: rgba(64, 64, 64, 0.29) !important;
  }
  .sales-centre-scrollspy__sections {
    height: 26.04167vw !important;
    overflow: auto;
    margin-right: 3.80208vw;
  }
  .sales-centre-scrollspy__sections section {
    margin-left: 5.20833vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sales-centre-scrollspy__sections .sales-centre-scrollspy__sections-blue-text-div {
    padding-top: 0.26042vw;
    width: 3.64583vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .sales-centre-scrollspy__sections .sales-centre-scrollspy__sections-blue-text {
    font-size: 2.23958vw;
    line-height: 2.23958vw;
    color: #54349f;
    opacity: 0.43;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "Poppins-ExtraBold", sans-serif, "Helvetica";
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .sales-centre-scrollspy__sections .sales-centre-scrollspy__section-cards-div {
    padding-top: 1.5625vw;
    padding-bottom: 3.125vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 2.60417vw;
  }
  .sales-centre-scrollspy__card-link {
    margin-right: 4.375vw;
    margin-bottom: 4.01042vw;
  }
  .sales-centre-scrollspy__card-link {
    display: block;
    width: 16.14583vw;
    height: 15.67708vw;
    padding-top: 3.02083vw;
    -webkit-box-shadow: 0 0.52083vw 1.5625vw rgba(147, 147, 147, 0.16);
            box-shadow: 0 0.52083vw 1.5625vw rgba(147, 147, 147, 0.16);
    border-radius: 0.52083vw;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    position: relative;
  }
  .sales-centre-scrollspy__card-img-div {
    width: 7.44792vw;
    height: 7.44792vw;
    overflow: auto;
    margin: 0 auto;
    margin-bottom: 1.77083vw;
    text-align: center;
  }
  .sales-centre-scrollspy__card-img-div img {
    width: auto;
    height: 80%;
  }
  .sales-centre-scrollspy__card-text {
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    width: 100%;
    height: 4.01042vw;
    overflow: auto;
    padding-top: 1.14583vw;
    text-align: center;
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0 0.52083vw 1.5625vw rgba(147, 147, 147, 0.45);
            box-shadow: 0 0.52083vw 1.5625vw rgba(147, 147, 147, 0.45);
  }
  .accounts-card-block-view-container {
    width: 29.42708vw;
    height: auto;
    border-radius: 1.04167vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    background: #c0c8df;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    padding: 1.40625vw 1.30208vw;
    margin-right: 2.60417vw;
    margin-bottom: 2.91667vw;
    position: relative;
  }
  .accounts-card-block-view-container::after {
    content: "";
    width: 80%;
    height: 0.41667vw;
    background: #f6d365;
    background: -webkit-gradient(linear, left top, right top, from(#f6d365), to(#fda085));
    background: linear-gradient(90deg, #f6d365 0%, #fda085 100%);
    border-radius: 0.20833vw;
    position: absolute;
    bottom: -0.20833vw;
    left: 10%;
  }
  .accounts-card-block-view-container__img-block {
    width: 5.3125vw;
    height: 5.3125vw;
    border-radius: 100%;
    margin-right: 0.83333vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .accounts-card-block-view-container__img-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0 0.20833vw 0.52083vw #00000028;
            box-shadow: 0 0.20833vw 0.52083vw #00000028;
  }
  .accounts-card-dropdown-icon {
    cursor: pointer;
    width: 0.36458vw;
    margin: 0.78125vw 1.04167vw;
  }
  .accounts-card-block-view-container__row1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .accounts-card-block-view__text-1 {
    color: #404040;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0.26042vw;
    word-break: break-all;
    padding-right: 0.52083vw;
  }
  .accounts-card-block-view__text-2 {
    color: rgba(48, 48, 48, 0.49);
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    text-transform: capitalize;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    margin-bottom: 0.36458vw;
  }
  .accounts-card-block-view__text-2--count {
    color: rgba(48, 48, 48, 0.48);
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    padding-left: 1.04167vw;
  }
  .accounts-card-list-btn {
    width: 5.83333vw;
    height: 1.97917vw;
    border: none;
    border-radius: 1.71875vw;
    color: #ffffff;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-right: 0.88542vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .accounts-card-list-btn--view {
    background: #e6a0e9;
    background: linear-gradient(280deg, #e6a0e9 0%, #4568dc 100%);
    display: inline-block;
    text-align: center;
  }
  .accounts-card-list-btn--edit {
    background: #f7797d;
    background: linear-gradient(285deg, #f7797d 0%, #fbd786 75%, #eaafc8 100%);
  }
  .accounts-card-block-view__text-follow-up {
    text-transform: uppercase;
    color: rgba(48, 48, 48, 0.48);
    margin-bottom: 0.57292vw;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .accounts-card-block-view__text-upcoming-leaves-light {
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    font-style: italic;
    padding-left: 0.83333vw;
    padding-right: 0.83333vw;
  }
  .accounts-card-CircularProgressbar {
    width: 4.32292vw;
    height: 4.32292vw;
    margin: 0 auto;
  }
  .accounts-card-CircularProgressbar .CircularProgressbar .CircularProgressbar-text {
    font-size: 2.13542vw;
    font-style: italic;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .accounts-card-CircularProgressbar .CircularProgressbar {
    width: 100% !important;
  }
  .accounts-card-CircularProgressbar--detailsProfile {
    width: 5.3125vw;
    height: 5.3125vw;
    margin-bottom: 0.625vw;
  }
  .accounts-card-block-view__leads-closed {
    color: rgba(48, 48, 48, 0.86);
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .accounts-card-deals-text {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    color: rgba(48, 48, 48, 0.86);
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    padding-left: 2.08333vw;
  }
  .web-text {
    position: relative;
  }
  .web-text::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#acedfc), to(#57a1e6));
    background: linear-gradient(180deg, #acedfc 0%, #57a1e6 100%);
    left: 0;
    top: 0.15625vw;
    width: 1.04167vw;
    height: 1.04167vw;
    border-radius: 50%;
    border: solid 0.20833vw transparent;
    background-origin: border-box;
    -webkit-box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
            box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
  }
  .social-text {
    position: relative;
  }
  .social-text::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#502eff), to(#d1c7ff));
    background: linear-gradient(180deg, #502eff 0%, #d1c7ff 100%);
    left: 0;
    top: 0.15625vw;
    width: 1.04167vw;
    height: 1.04167vw;
    border-radius: 50%;
    border: solid 0.20833vw transparent;
    background-origin: border-box;
    -webkit-box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
            box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
  }
  .content-text {
    position: relative;
  }
  .content-text::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#0dc2b7), to(#4b8ce0));
    background: linear-gradient(180deg, #0dc2b7 0%, #4b8ce0 100%);
    left: 0;
    top: 0.15625vw;
    width: 1.04167vw;
    height: 1.04167vw;
    border-radius: 50%;
    border: solid 0.20833vw transparent;
    background-origin: border-box;
    -webkit-box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
            box-shadow: 0.20833vw 1.04167vw 0.05208vw white inset;
  }
  .accounts-card-leads-img-div {
    width: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: 1.04167vw;
  }
  .accounts-cards-leads-img {
    width: 1.97917vw;
    height: auto;
    vertical-align: middle;
    -webkit-box-shadow: 0 0.20833vw 0.52083vw #00000028;
            box-shadow: 0 0.20833vw 0.52083vw #00000028;
    border-radius: 50%;
    margin-left: -0.67708vw;
  }
  .account-cards-container {
    margin: 2.76042vw 0.15625vw 3.69792vw 3.64583vw;
  }
  .leads-new-details-timeline-block--account-timeline-block {
    width: 60.78125vw;
    margin-top: 2.34375vw;
  }
  .leads-new-details-timeline-block--account-timeline-block .leads-timeline-left-block,
  .leads-new-details-timeline-block--account-timeline-block .leads-timeline-right-block {
    width: 27.44792vw;
    height: 10.26042vw;
    -webkit-box-shadow: 0 0.15625vw 0.625vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.15625vw 0.625vw rgba(0, 0, 0, 0.1);
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, right top, from(#f2f3f6), to(white));
    background: linear-gradient(90deg, #f2f3f6 0%, white 100%);
    padding: 1.14583vw 1.40625vw 0.78125vw 1.40625vw;
  }
  .leads-new-details-timeline-block--account-timeline-block .leads-timeline-left-block {
    border-radius: 0.46875vw 0 0.46875vw 0.46875vw;
  }
  .leads-new-details-timeline-block--account-timeline-block .leads-timeline-right-block {
    border-radius: 0 0.46875vw 0.46875vw 0.46875vw;
  }
  .account-detail-timeline-card__text1 {
    font-style: italic;
  }
  .account-detail-timeline-card__ttitle,
  .account-detail-timeline-card__text1 {
    padding-bottom: 0.57292vw;
  }
  .account-detail-timeline-card__text2,
  .account-detail-timeline-card__text3,
  .account-detail-timeline-card__text4 {
    color: #707070;
    padding-bottom: 0.57292vw;
  }
  .add-project-member-modal-list-overflow {
    height: 10.41667vw;
    overflow: auto;
  }
  .create-project-add-member-img-text-block,
  .create-project-add-member-img-block {
    width: 6.92708vw;
  }
  .create-project-add-member-img-text-block {
    word-break: break-all;
    text-align: center;
    margin-right: 1.5625vw;
    padding-top: 0.52083vw;
  }
  .create-project-add-member-img-block {
    text-align: center;
    height: 7.08333vw;
    border-radius: 100%;
    margin-bottom: 0.52083vw;
    position: relative;
  }
  .create-project-add-member-img-block__imgMember {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .create-project-add-member-img-block__remove {
    cursor: pointer;
    font-size: 0.9375vw;
    position: absolute;
    right: 0.26042vw;
    top: 0.52083vw;
    color: #ffffff;
    background-color: #fc4c47;
    padding: 0.20833vw 0.3125vw 0.26042vw 0.36458vw;
    border-radius: 100%;
  }
  .create-project-add-member-img-block__text {
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    color: #707070;
  }
  .add-account-location-details label.font-24-semibold {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
  }
  .add-account-location-details .add-lead-input-field {
    margin-top: 1.04167vw;
  }
  .add-account-location-details .add-account-location-details__title {
    margin-top: 1.04167vw;
    margin-left: 3.54167vw;
    margin-bottom: 2.08333vw;
  }
  .add-member-select-display-container {
    margin-left: 3.38542vw;
  }
  .edit-account-content-row .add-account-location-details .add-account-location-details__title {
    margin-top: 0;
    background-color: #ffffff;
  }
  .edit-account-content-row .add-lead-input-field {
    margin-top: 1.04167vw;
    width: 86%;
  }
  .edit-account-content-row .add-member-select-display-container__error {
    margin-left: 0;
  }
  .new-save-btn-blue {
    padding: 0.52083vw 2.13542vw;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    background-color: #7358fd;
    color: #ffffff;
    border: none;
    border-radius: 1.40625vw;
  }
  .accounts-details-leads-card-container {
    width: 36.71875vw;
    height: auto;
    border-radius: 0.83333vw;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    background: #c0c8df;
    background: linear-gradient(296deg, #f2f3f6 0%, white 100%);
    padding: 1.5625vw 1.30208vw;
    margin-right: 2.91667vw;
    margin-bottom: 2.91667vw;
    position: relative;
  }
  .accounts-details-leads-card-container::after {
    content: "";
    width: 80%;
    height: 0.41667vw;
    background: #f6d365;
    background: -webkit-gradient(linear, left top, right top, from(#f2994a), to(#eaafc8));
    background: linear-gradient(90deg, #f2994a 0%, #eaafc8 100%);
    border-radius: 0.20833vw;
    position: absolute;
    bottom: -0.20833vw;
    left: 10%;
  }
  .accounts-details-leads-card-container__img-block {
    width: 4.79167vw;
    height: 4.79167vw;
    border-radius: 100%;
    margin-right: 0.83333vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .accounts-details-leads-card-container__img-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0 0.20833vw 0.3125vw #00000028;
            box-shadow: 0 0.20833vw 0.3125vw #00000028;
  }
  .accounts-details-leads-card-container__row1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .accounts-details-leads-card-container_text {
    color: #404040;
    font-size: 1.25vw;
    line-height: 1.82292vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0.26042vw;
  }
  .accounts-details-leads-card-container_text-2 {
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    text-transform: uppercase;
    color: rgba(48, 48, 48, 0.48);
  }
  .accounts-details-leads-card-container_text--3 {
    text-transform: uppercase;
    color: rgba(48, 48, 48, 0.48);
  }
  .accounts-details-leads-card-container_text--4 {
    text-transform: capitalize;
    color: rgba(48, 48, 48, 0.86);
    padding-top: 1.04167vw;
  }
  .ml-200 {
    margin-left: 10.41667vw;
  }
  .lead-status-dropDown--accounts-details-leads-cards .Dropdown-control {
    border-radius: 1.5625vw !important;
    height: 2.55208vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
    padding-left: 1.5625vw;
    padding-top: 0.52083vw;
  }
  .lead-status-dropDown--accounts-details-leads-cards .Dropdown-menu {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .lead-status-dropDown--accounts-details-leads-cards .Dropdown-option {
    text-align: center;
  }
  .lead-status-dropDown--accounts-details-leads-emoji .Dropdown-control {
    margin-left: 1.5625vw;
    padding-right: 2.34375vw;
  }
  .lead-status-dropDown--accounts-details-leads-emoji .Dropdown-menu {
    width: 4.16667vw;
    margin-top: 0.52083vw;
    margin-left: 1.82292vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
  }
  .accounts-revenue-card-block {
    width: 40vw;
    height: auto;
    border-radius: 0.78125vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0 1.30208vw #00000017;
            box-shadow: 0 0 1.30208vw #00000017;
    padding: 1.66667vw 0;
    padding-right: 1.82292vw;
  }
  .accounts-revenue-card-block table td,
  .accounts-revenue-card-block .table thead th {
    border-top: 0;
    border-bottom: 0.05208vw solid rgba(48, 48, 48, 0.2);
  }
  .accounts-revenue-card-block table th:nth-child(1) {
    padding-left: 4.16667vw;
  }
  .accounts-revenue-card-block table td:nth-child(4) {
    font-family: Poppins-Bold, sans-serif;
  }
  .accounts-revenue-card-block table th:nth-child(1),
  .accounts-revenue-card-block table td:nth-child(1) {
    width: 11.97917vw;
  }
  .accounts-revenue-card-block table th:nth-child(4),
  .accounts-revenue-card-block table td:nth-child(4) {
    width: 7.8125vw;
  }
  .accounts-revenue-card-block table th:nth-child(3),
  .accounts-revenue-card-block table td:nth-child(3),
  .accounts-revenue-card-block table th:nth-child(2),
  .accounts-revenue-card-block table td:nth-child(2) {
    width: 9.11458vw;
  }
  .accounts-revenue-card-block table th {
    font-size: 0.72917vw;
    line-height: 2.8125vw;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 1.04167vw;
    font-family: Poppins-Bold, sans-serif;
    color: rgba(67, 66, 75, 0.28);
    border-top: 0;
  }
  .accounts-revenue-card-block .table_icon {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    padding-right: 1.14583vw;
  }
  .accounts-revenue-card-block table td {
    padding: 1.04167vw 1.19792vw !important;
    font-family: Poppins-Regular, sans-serif;
    font-size: 0.83333vw;
    line-height: 1.30208vw;
    vertical-align: middle;
    border-top: 0;
  }
  .accounts-revenue-card-block .accounts-revenue-table-container {
    height: 13.02083vw;
    width: auto;
    overflow: auto;
  }
  .accounts-revenue-card-title {
    text-align: center;
    font-size: 1.04167vw;
    line-height: 1.30208vw;
    color: #43424b;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .accounts-revenue-card-block--graph {
    width: 53.75vw;
    margin-left: 1.04167vw;
  }
  .accounts-revenue-count-card-block {
    width: 9.89583vw;
    height: auto;
    padding: 4.16667vw 1.14583vw 1.40625vw 0.88542vw;
    color: #3a2c60;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0 1.30208vw rgba(0, 0, 0, 0.09);
            box-shadow: 0 0 1.30208vw rgba(0, 0, 0, 0.09);
    background: -webkit-gradient(linear, left top, left bottom, from(#43c6ac), color-stop(100%, #f8ffae), to(#fbd786));
    background: linear-gradient(180deg, #43c6ac 0%, #f8ffae 100%, #fbd786 100%);
    position: relative;
  }
  .accounts-revenue-count-card-block::after {
    position: absolute;
    background-image: url("../../img/accounts/dot.svg");
    width: 1.5625vw;
    height: 1.5625vw;
    background-size: cover;
    content: "";
    top: 1.04167vw;
    right: 1.04167vw;
  }
  .accounts-revenue-count-card-block-title {
    font-size: 2.5vw;
    line-height: 1.61458vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    padding-bottom: 1.66667vw;
  }
  .accounts-revenue-count-card-block-text {
    font-size: 0.88542vw;
    line-height: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .accounts-revenue-count-card-block--2 {
    margin-left: 0.78125vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc371), color-stop(100%, #ff5f6d), to(#fbd786));
    background: linear-gradient(180deg, #ffc371 0%, #ff5f6d 100%, #fbd786 100%);
  }
  .accounts-revenue-count-card-block--3 {
    margin-left: 0.78125vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#07a3b2), to(#d9ecc7));
    background: linear-gradient(180deg, #07a3b2 0%, #d9ecc7 100%);
  }
  .accounts-details-all-deals-card {
    margin-top: 1.04167vw;
    margin-bottom: 1.30208vw;
    margin-top: 1.30208vw;
    width: 94.16667vw;
    height: auto;
    border-radius: 1.04167vw;
    -webkit-box-shadow: 0.15625vw 0.15625vw 1.04167vw #24415d4d;
            box-shadow: 0.15625vw 0.15625vw 1.04167vw #24415d4d;
    padding: 1.5625vw;
    background: linear-gradient(277deg, #f2f3f6 0%, white 100%);
    position: relative;
  }
  .accounts-details-all-deals-card::after {
    content: "";
    width: 90%;
    height: 0.41667vw;
    background: -webkit-gradient(linear, left top, right top, from(#654ea3), color-stop(0%, #4b6cb7), to(#eaafc8));
    background: linear-gradient(90deg, #654ea3 0%, #4b6cb7 0%, #eaafc8 100%);
    border-radius: 0.20833vw;
    position: absolute;
    bottom: -0.20833vw;
    left: 5%;
  }
  .accounts-details-all-deals-card .accounts-details-all-deals-card-profileImg-div {
    width: 3.69792vw;
    height: 3.69792vw;
    border-radius: 100%;
    margin-right: 0.83333vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .accounts-details-all-deals-card .accounts-details-all-deals-card-profileImg-div img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0 0.20833vw 0.3125vw #00000028;
            box-shadow: 0 0.20833vw 0.3125vw #00000028;
  }
  .accounts-details-all-deals-card-title {
    color: #303030;
  }
  .accounts-details-all-deals-card-subtitle {
    color: rgba(48, 48, 48, 0.48);
    text-transform: uppercase;
  }
  .accounts-details-all-deals-card-subtitle-data {
    color: rgba(48, 48, 48, 0.86);
    padding-left: 1.5625vw;
  }
  .accounts-details-all-deals-card-subtitle-data-type {
    color: rgba(48, 48, 48, 0.86);
    padding: 0.52083vw 1.04167vw;
    border-radius: 1.5625vw;
    margin-left: 0.52083vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
  }
  .accounts-details-all-deals-card-details-div-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1.5625vw;
  }
  .accounts-details-all-deals-card-details-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 95%;
  }
  .accounts-details-all-deals-card-details-div-middle-colm-1,
  .accounts-details-all-deals-card-details-div-middle-colm-2,
  .accounts-details-all-deals-card-details-div-middle-colm-3,
  .accounts-details-all-deals-card-details-div-middle-colm-4,
  .accounts-details-all-deals-card-details-div-middle-colm-5 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0.52083vw 1.5625vw;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .accounts-details-all-deals-card-details-div-middle-colm-2 {
    padding: 0 0.52083vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /*.accounts-details-all-deals-card-details-div-middle-colm-1,
.accounts-details-all-deals-card-details-div-middle-colm-3,
.accounts-details-all-deals-card-details-div-middle-colm-4 {
  //width: 20%;
}*/
  .accounts-details-all-deals-card-details-div-middle-colm-5 {
    padding-right: 0.52083vw;
  }
  .accounts-details-all-deals-card-details-div-middle-colm-1 {
    padding-left: 0;
  }
  /*.accounts-details-all-deals-card-details-button-div {
  width: 18%;
}

.accounts-details-all-deals-card-details-div-middle-left {
  width: 82%;
}*/
  .accounts-details-all-deals-card-details-bottom-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .accounts-details-all-deals-bottom-img {
    width: 1.82292vw;
    height: 1.82292vw;
  }
  .accounts-details-all-deals-card-details-bottom-div {
    padding-top: 1.30208vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 95%;
    border-top: solid 0.05208vw rgba(48, 48, 48, 0.28);
  }
  .accounts-details-all-deals-card-details-bottom-block-text {
    font-size: 2.44792vw;
    line-height: 3.64583vw;
    text-transform: capitalize;
    color: rgba(84, 52, 159, 0.86);
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .accounts-details-all-deals-card-details-bottom-block-1 {
    width: 20%;
  }
  .accounts-details-all-deals-card-details-bottom-block-1 .accounts-details-all-deals-card-subtitle-data {
    width: 95%;
    word-break: break-word;
  }
  .accounts-details-all-deals-card-details-bottom-block-2 {
    width: 33%;
  }
  .accounts-details-all-deals-card-details-bottom-block-2 .accounts-details-all-deals-card-subtitle-data {
    width: 95%;
    word-break: break-word;
  }
  .accounts-details-all-deals-card-details-bottom-block-3 {
    width: 35%;
  }
  .accounts-detail-leads-container {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
  .accounts-detail-leads-container .leads-new-datepicker-search-block {
    padding-left: 0;
    padding-bottom: 2.60417vw;
  }
  .accounts-detail-leads-filter-row {
    padding-top: 1.04167vw;
    padding-bottom: 3.90625vw;
  }
  .accounts-detail-leads-container__filter-row-btns-colm {
    padding-left: 7.8125vw;
  }
  .accounts-detail-leads-container__create-lead .leads-title-block-btn-red-bg {
    background-color: #8b65e4;
  }
  .leads-title-block-btn-red-bg--account-details-add-lead {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
  .cmd-centre-block.cmd-centre-block--account-details .rwt__tabpanel {
    padding: 0;
  }
  .cmd-centre-block.cmd-centre-block--account-details .accounts-details-tabpanel-div {
    padding: 2.60417vw;
  }
  .account-view-leads-selected {
    width: 46.5625vw;
  }
  .account-view-leads-selected .add-member-select-display-container {
    margin-left: 6.14583vw;
  }
  .account-view-leads-selected .add-member-select-display-container__error {
    padding-left: 0.52083vw !important;
  }
  .accounts-profile-display-fields-outer-block {
    margin-bottom: 2.44792vw;
  }
  .account-profile-display-contactLeads-row,
  .account-profile-display-salesperson-row {
    width: 75.52083vw;
  }
  .accounts-profile-display-fields-text-block-1,
  .accounts-profile-display-fields-text-block-2,
  .accounts-profile-display-fields-text-block-salesperson,
  .accounts-profile-display-fields-text-block-contactLeads {
    width: 71.09375vw;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    margin-left: 4.58333vw;
  }
  .accounts-profile-display-fields-text-block-1 {
    min-height: 8.54167vw;
    padding: 1.71875vw 1.5625vw;
    margin-top: 0.83333vw;
  }
  .accounts-profile-display-fields-text-block-1 .leads-new-details-profile-form-display__blue-text {
    padding: 0;
  }
  .accounts-profile-display-fields-text-block-2 {
    min-height: 3.95833vw;
    padding: 1.71875vw 1.5625vw;
    margin-top: 0.83333vw;
  }
  .accounts-profile-display-fields-text-block-2 .leads-new-details-profile-form-display__blue-text {
    padding: 0;
  }
  .accounts-profile-display-fields-text-block-contactLeads {
    min-height: 10.05208vw;
    margin-right: 2.70833vw;
    margin-bottom: 1.30208vw;
    padding: 1.19792vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-title {
    width: 70%;
    padding-left: 1.5625vw;
    word-break: break-all;
  }
  .accounts-profile-display-fields-text-block-contactLeads-subtitle {
    color: rgba(48, 48, 48, 0.48);
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    padding-top: 0.52083vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-data {
    color: rgba(48, 48, 48, 0.86);
    text-transform: capitalize;
    padding-left: 1.35417vw;
    width: 55%;
    word-break: break-all;
    padding-top: 0.52083vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-col-1 {
    padding-top: 0.52083vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-col-1,
  .accounts-profile-display-fields-text-block-contactLeads-col-3,
  .accounts-profile-display-fields-text-block-contactLeads-col-4 {
    width: 27%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 0.52083vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-2 {
    width: 19%;
  }
  .accounts-profile-display-fields-text-block-contactLeads-col-3,
  .accounts-profile-display-fields-text-block-contactLeads-col-4,
  .accounts-profile-display-fields-text-block-contactLeads-2 {
    padding-top: 0.52083vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-row2 {
    width: 100%;
    padding-top: 2.29167vw;
    padding-left: 6.25vw;
  }
  .accounts-profile-display-fields-text-block-contactLeads-row2-col-2,
  .accounts-profile-display-fields-text-block-contactLeads-row2-col-1 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .accounts-profile-display-fields-text-block-contactLeads-row2-col-1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .accounts-profile-display-fields-text-block-contactLeads-row2-col-1 .accounts-profile-display-fields-text-block-contactLeads-subtitle {
    padding-right: 0.78125vw;
  }
  .lead-status-dropDown--accounts-profile-display-fields-text-block-contactLeads .Dropdown-control {
    border-radius: 1.5625vw !important;
    height: 2.55208vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw #80808028;
            box-shadow: 0 0.15625vw 0.3125vw #80808028;
    padding-left: 1.5625vw;
    padding-top: 0.52083vw;
    text-transform: capitalize;
    color: rgba(48, 48, 48, 0.86);
  }
  .lead-status-dropDown--accounts-profile-display-fields-text-block-contactLeads .Dropdown-menu {
    margin-top: 0.26042vw;
  }
  .lead-status-dropDown--accounts-profile-display-fields-text-block-contactLeads .Dropdown-option {
    text-align: center;
  }
  .lead-status-dropDown--accounts-profile-display-fields-text-block-contactLeads-emoji .Dropdown-control {
    margin-left: 1.5625vw;
    padding-right: 2.34375vw;
  }
  .lead-status-dropDown--accounts-profile-display-fields-text-block-contactLeads-emoji .Dropdown-menu {
    width: 4.16667vw;
    margin-top: 0.52083vw;
    margin-left: 1.82292vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
  }
  .account-contact-leads-remove-icon-block {
    width: 3.38542vw;
    height: 3.38542vw;
    border-radius: 100%;
    margin-bottom: 1.30208vw;
    cursor: pointer;
  }
  .account-contact-leads-remove-icon-block img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .accounts-profile-display-fields-text-block-salesperson {
    min-height: 5.98958vw;
    margin-top: 0.52083vw;
    margin-bottom: 4.16667vw;
    padding: 1.04167vw;
  }
  .accounts-profile-display-fields-text-block-salesperson-col1,
  .accounts-profile-display-fields-text-block-salesperson-col2,
  .accounts-profile-display-fields-text-block-salesperson-col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 33%;
    padding: 0 1.5625vw;
  }
  .accounts-profile-display-fields-text-block-salesperson-col1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .accounts-profile-display-fields-text-block-salesperson-col2,
  .accounts-profile-display-fields-text-block-salesperson-col3 {
    padding-top: 0.625vw;
  }
  .accounts-profile-display-fields-text-block-salesperson-col3 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .accounts-profile-display-fields-text-block-salesperson-img-div {
    width: 3.64583vw;
    height: 3.64583vw;
    border-radius: 50%;
  }
  .accounts-profile-display-fields-text-block-salesperson-img-div img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0 0.78125vw 1.51042vw #00000029;
            box-shadow: 0 0.78125vw 1.51042vw #00000029;
  }
  .accounts-profile-display-fields-text-block-salesperson-title {
    color: #404040;
    padding-left: 1.5625vw;
    width: 85%;
    word-break: break-all;
  }
  .accounts-profile-display-fields-text-block-salesperson-subtitle {
    color: rgba(48, 48, 48, 0.48);
    font-size: 0.98958vw;
    line-height: 1.51042vw;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .accounts-profile-display-fields-text-block-salesperson-data {
    color: rgba(48, 48, 48, 0.86);
    text-transform: capitalize;
    padding-left: 1.35417vw;
    width: 60%;
    word-break: break-all;
  }
  .accounts-profile-display-title {
    margin-left: 4.58333vw;
    color: #5560af;
    font-size: 1.97917vw;
    line-height: 2.96875vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    text-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    margin-bottom: 3.17708vw;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .account-profile-img-colm {
    width: 6.30208vw;
    height: 6.30208vw;
    border-radius: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    background-color: #dce0ec;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .account-profile-img-colm .account-profile-img-colm__account {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .account-profile-img-colm .account-profile-img-colm__edit {
    background: #502eff;
    background: -webkit-gradient(linear, left top, right top, from(#502eff), to(#d1c7ff));
    background: linear-gradient(90deg, #502eff 0%, #d1c7ff 100%);
    width: 1.97917vw;
    height: 1.97917vw;
    border-radius: 100%;
    position: absolute;
    left: 2.08333vw;
    bottom: -0.52083vw;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .account-profile-img-colm .account-profile-img-colm__edit img {
    width: 0.9375vw;
    height: 0.9375vw;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .account-profile-display-salesperson-note {
    font-style: italic;
  }
  .account-profile-display-contactLeads-row {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .account-profile-display-contactLeads-row .leads-title-block-btn-red-bg--account-details-add-lead {
    height: 2.55208vw;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    color: rgba(48, 48, 48, 0.86);
    font-size: 0.9375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.9375vw;
  }
  .account-cards-container--dealPipelines .sales-centre-scrollspy__card-link {
    margin-bottom: 3.95833vw;
  }
  .account-cards-container--dealPipelines .sales-centre-scrollspy__card-img-div {
    width: 6.14583vw;
    height: 7.76042vw;
  }
  .account-cards-container--dealPipelines .sales-centre-scrollspy__card-img-div img {
    width: 100%;
    height: 100%;
  }
  .close-deal-form-screen-1 .add-lead-label {
    padding-bottom: 1.04167vw;
  }
  .close-deal-form-screen-1 .toggle,
  .close-deal-form-screen-1 .react-select-follow-up-form-container,
  .close-deal-form-screen-1 .react-datepicker-wrapper {
    margin-left: 3.54167vw;
  }
  .close-deal-form-screen-1 .react-select-follow-up-form-container,
  .close-deal-form-screen-1 .react-datepicker-wrapper {
    margin-bottom: 1.82292vw;
  }
  .close-deal-form-screen-1 .react-select-follow-up-form-container {
    margin-bottom: 1.5625vw;
    width: 18.33333vw;
    border: none;
  }
  .close-deal-form-screen-1 .Dropdown-placeholder {
    font-size: 0.9375vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .add-new-deal-account-name-block .react-select-container {
    padding-left: 3.54167vw;
    margin-bottom: 1.5625vw;
  }
  .deals-details__close-deals-form .toggle,
  .deals-details__close-deals-form .react-datepicker-wrapper {
    margin-left: 6.14583vw;
  }
  .deals-details__close-deals-form .react-select-follow-up-form-container {
    margin-left: 4.58333vw;
  }
  .add-new-deal-account-name-block-displayForm .react-select-container {
    width: 40.46875vw !important;
    margin-left: 3.54167vw;
    margin-bottom: 1.5625vw;
  }
  .deals-toggle-color-change .toggle--new-dashboard input:checked + .toggle__switch:after,
  .deals-toggle-color-change .toggle--new-dashboard .toggle__switch:after {
    background: #74ebd5;
    background: -webkit-gradient(linear, left top, left bottom, from(#74ebd5), to(#9face6));
    background: linear-gradient(180deg, #74ebd5 0%, #9face6 100%);
  }
  .deal-closed-on-text {
    opacity: 0.41;
    color: #303030 !important;
    text-shadow: 0 0 0;
  }
  .stack-card-container {
    width: 16.40625vw;
    min-height: 10.52083vw;
    -webkit-box-shadow: -0.15625vw -0.15625vw 1.04167vw #e7e5e5;
            box-shadow: -0.15625vw -0.15625vw 1.04167vw #e7e5e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    padding: 1.04167vw;
  }
  .stack-card-img-div {
    width: 2.60417vw;
    height: 2.60417vw;
    border-radius: 50%;
    word-break: break-all;
  }
  .stack-card-img-div img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
  .stack-card-row1-colm2 {
    padding-left: 0.88542vw;
    width: 70%;
  }
  .stack-card-title {
    color: #303030;
    word-break: break-all;
  }
  .stack-card-subtitle {
    color: rgba(48, 48, 48, 0.31);
    word-break: break-all;
  }
  .stack-card-data {
    color: #303030;
    padding-left: 0.78125vw;
    word-break: break-all;
    width: 60%;
  }
  .stack-card-row2 {
    padding-top: 0.52083vw;
  }
  .stack-card-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 4.73958vw;
    height: 1.5625vw;
    border-radius: 2.1875vw;
    color: white;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    border: none;
    font-size: 0.72917vw;
    line-height: 1.09375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .stack-card-btn-view {
    background: linear-gradient(291deg, #e6a0e9 0%, #4568dc 100%, #eaafc8 100%);
    padding-top: 0.26042vw;
  }
  .stack-card-btn-edit {
    background: linear-gradient(292deg, #f7797d 0%, #fbd786 100%, #eaafc8 100%);
    margin-left: 0.15625vw;
    padding-top: 0.26042vw;
  }
  .trash-icon {
    color: rgba(0, 0, 0, 0.35);
  }
  .ag-grid-custom-table .ag-grid-resource-img {
    width: 1.30208vw;
    margin-right: 0.26042vw;
    vertical-align: middle;
    margin-bottom: 0.15625vw;
  }
  .ag-grid-custom-table .ag-grid-fa-times {
    font-size: 0.625vw !important;
    margin-right: 0.26042vw;
  }
  .ag-grid-custom-table .ag-header-cell-text {
    font-size: 0.9375vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    letter-spacing: 0.14063vw;
    text-transform: uppercase;
    padding: 1.04167vw;
    text-overflow: unset !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  .ag-grid-custom-table .ag-cell {
    font-size: 18px;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
    text-transform: capitalize;
    border-top: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .ag-grid-custom-table .ag-theme-alpine .ag-header-cell,
  .ag-grid-custom-table .ag-theme-alpine .ag-header-group-cell {
    padding-left: 0.9375vw !important;
    padding-right: 0.9375vw !important;
  }
  .ag-grid-custom-table .ag-theme-alpine [class^="ag-"],
  .ag-grid-custom-table .ag-theme-alpine [class^="ag-"]:focus,
  .ag-grid-custom-table .ag-theme-alpine [class^="ag-"]:after,
  .ag-grid-custom-table .ag-theme-alpine [class^="ag-"]:before {
    background-color: transparent !important;
    color: #ffffff !important;
  }
  .ag-grid-custom-table .ag-cell-focus {
    border: none !important;
    outline: none !important;
  }
  .ag-grid-custom-table .ag-header-cell.ag-focus-managed {
    border: none !important;
    outline: none !important;
  }
  .ag-grid-custom-table .ag-header-cell-label:hover {
    background-color: rgba(105, 105, 108, 0.16);
  }
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu,
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu.rc-dropdown-menu-root.rc-dropdown-menu-vertical {
    border: 0;
  }
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    color: #303030;
    font-size: 0.9375vw;
  }
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    padding: 0;
  }
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
    background-color: transparent !important;
  }
  .new-dashboard-rc-menu-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item-divider {
    margin: 0;
    background: rgba(92, 101, 157, 0.08);
  }
  .new-dashboard-rc-menu-dropdown .new-dashboard-rc-option {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0.52083vw 1.14583vw;
  }
  /*=======================
    super admin
  =======================*/
  /*====================================
          dropdown
=====================================*/
  .sa-plans-dropDown .Dropdown-control {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0 3.125vw 0 0;
  }
  .sa-plans-dropDown .Dropdown-control:hover {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .sa-plans-dropDown .Dropdown-menu {
    width: 16.14583vw;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    height: 14.58333vw;
    max-height: 14.58333vw;
    padding: 1.04167vw 0.52083vw 1.04167vw 0.83333vw;
    border: 0;
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.15625vw 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
    margin-top: 1.30208vw;
    margin-left: -0.52083vw;
  }
  .sa-plans-dropDown .Dropdown-menu .Dropdown-option:last-child {
    border-bottom: 0;
  }
  .sa-plans-dropDown .Dropdown-option {
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #303030;
    padding: 0.46875vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .sa-plans-dropDown .Dropdown-option:hover,
  .sa-plans-dropDown .Dropdown-option.is-selected {
    background-color: #f7f7f7;
    color: #000;
  }
  .sa-plans-dropDown .Dropdown-arrow {
    top: 41%;
    border-color: #303030 transparent transparent;
    border-width: 0.41667vw 0.41667vw 0;
  }
  .is-open .Dropdown-arrow {
    border-color: transparent transparent #303030 !important;
    border-width: 0 0.41667vw 0.41667vw !important;
  }
  /*====================================
          gradients
=====================================*/
  .sa-users-gradient1 {
    background: linear-gradient(305deg, #dca3ff 0%, #90c5ff 51%, #60fbee 100%, #5dffed 100%);
  }
  .sa-users-gradient2 {
    background: linear-gradient(305deg, #fbc2eb 0%, #a6c1ee 100%);
  }
  .sa-workspaces-gradient1 {
    background: linear-gradient(305deg, #dca3ff 0%, #90c5ff 51%, #60fbee 100%, #5dffed 100%);
  }
  .sa-workspaces-gradient2 {
    background: linear-gradient(305deg, #00d0bd 0%, #7dfddc 56%, #83ffdd 100%);
  }
  .sa-workspaces-gradient3 {
    background: linear-gradient(305deg, #9890e3 0%, #b1f4cf 100%);
  }
  .sa-workspaces-gradient4 {
    background: linear-gradient(305deg, #7f7fd5 0%, #86a8e7 43%, #91eae4 100%);
  }
  .sa-workspaces-gradient5 {
    background: linear-gradient(125deg, #be93c5 0%, #5b86e5 100%);
  }
  /*====================================
          pagination
=====================================*/
  .sa-pagination {
    margin-bottom: 1.04167vw;
    width: 100%;
  }
  .sa-pagination .rc-pagination {
    width: 100%;
    font-size: 0.98958vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sa-pagination .rc-pagination-item {
    border-radius: 50%;
    padding: 0;
    border: 0;
    margin-right: 1.5625vw;
    min-width: 2.08333vw;
    height: 2.08333vw;
    line-height: 2.13542vw;
    color: #000000;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .sa-pagination .rc-pagination-item-active {
    background-color: #6266e1;
    color: #ffffff;
  }
  .sa-pagination .rc-pagination-item.rc-pagination-item-active:hover a {
    color: #ffffff;
  }
  .sa-pagination .rc-pagination-item:hover a {
    color: #6266e1;
  }
  .sa-pagination .rc-pagination-jump-prev:hover:after,
  .sa-pagination .rc-pagination-jump-next:hover:after {
    color: #6266e1;
  }
  .sa-pagination .rc-pagination-item:focus,
  .sa-pagination .rc-pagination-prev:focus,
  .sa-pagination .rc-pagination-next:focus,
  .sa-pagination .rc-pagination-jump-prev:focus,
  .sa-pagination .rc-pagination-jump-next:focus {
    outline: #6266e1 auto 0.10417vw;
  }
  .sa-pagination .rc-pagination-prev,
  .sa-pagination .rc-pagination-next,
  .sa-pagination .rc-pagination-jump-prev,
  .sa-pagination .rc-pagination-jump-next {
    border: 0;
    font-size: 1.25vw;
    line-height: 2.13542vw;
    min-width: 2.08333vw;
    height: 2.08333vw;
    margin-right: 1.5625vw;
  }
  .sa-pagination .rc-pagination-jump-prev:after,
  .sa-pagination .rc-pagination-jump-next:after {
    font-size: 1.25vw;
  }
  .sa-pagination .rc-pagination-prev a,
  .sa-pagination .rc-pagination-next a {
    color: #303030 !important;
  }
  /*====================================
          workspaces
=====================================*/
  .sa-workspaces {
    padding: 4.21875vw 7.34375vw 2.5vw 7.34375vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content-block {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    word-break: break-all;
  }
  .sa-workspaces__card {
    width: 10.05208vw;
    height: 4.42708vw;
    overflow: auto;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    color: #ffffff;
    text-align: center;
    padding: 1.04167vw;
    margin-right: 1.30208vw;
    margin-top: 0.3125vw;
    cursor: pointer;
  }
  .sa-workspaces__card-count {
    font-size: 1.25vw;
    line-height: 0.78125vw;
    font-family: Poppins-Bold;
  }
  .sa-workspaces__card-desc {
    font-size: 0.9375vw;
    line-height: 1.14583vw;
    font-family: Poppins-Regular;
    margin-bottom: 0;
  }
  .sa-users-search {
    width: 46.61458vw;
    margin-bottom: 1.82292vw;
    position: relative;
  }
  .sa-users-search .sa-users-search__fa {
    color: rgba(0, 0, 0, 0.48);
    font-size: 0.78125vw;
    font-family: "FontAwesome";
    position: absolute;
    top: 0.625vw;
    left: 1.71875vw;
  }
  .sa-users-search .sa-users-search__input {
    width: 100%;
    height: 2.08333vw;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.3125vw rgba(128, 128, 128, 0.16);
    border-radius: 1.97917vw;
    border: 0;
    padding-left: 3.64583vw;
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::-webkit-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input:-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-blue-text-underline {
    color: #034bff;
    text-decoration: underline;
  }
  .sa-workspaces__table-person-img {
    width: 2.60417vw;
    margin-right: 1.71875vw;
  }
  .sa-workspaces__list,
  .sa-users__list {
    width: 100%;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container,
  .sa-users__list .sa-workspaces__list-content-container {
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(0, 0, 0, 0.16);
    border-radius: 0.78125vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    margin-bottom: 2.60417vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container .sa-workspaces__list-content,
  .sa-users__list .sa-workspaces__list-content-container .sa-workspaces__list-content {
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container .sa-workspaces__list-content .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content-container .sa-workspaces__list-content .sa-workspaces__list-content-block {
    padding-right: 1.04167vw;
  }
  .sa-workspaces__list .sa-workspaces__list-heading,
  .sa-users__list .sa-workspaces__list-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
    padding-right: 2.60417vw;
  }
  .sa-workspaces__list .sa-workspaces__list-heading .sa-workspaces__list-heading-block,
  .sa-users__list .sa-workspaces__list-heading .sa-workspaces__list-heading-block {
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 1.61458vw;
    padding-bottom: 1.25vw;
    padding-right: 1.04167vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content,
  .sa-users__list .sa-workspaces__list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0.10417vw solid rgba(48, 48, 48, 0.4);
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block {
    padding-top: 1.92708vw;
    padding-bottom: 1.77083vw;
    font-size: 1.09375vw;
    line-height: 1.61458vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .fa-trash,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .fa-trash {
    color: #ff3b3b;
    margin-right: 0.83333vw;
    margin-left: 3.125vw;
    font-size: 1.5625vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .status_text,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .status_text {
    font-size: 1.09375vw;
    font-size: 1.09375vw;
    margin: 0;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .approve_button,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .approve_button {
    font-size: 0.9375vw;
    font-family: Poppins-SemiBold;
    margin-left: 2.60417vw;
    width: 10.57292vw;
    height: 2.23958vw;
    background: linear-gradient(306deg, #502eff, #d1c7ff) !important;
    opacity: 1;
    color: white;
    border-radius: 1.5625vw;
    border: none;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block img,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block img {
    border-radius: 30px;
  }
  .sa-workspaces__list .sa-workspaces__list-content:last-child,
  .sa-users__list .sa-workspaces__list-content:last-child {
    border-bottom: 0;
  }
  .sa-workspaces__list .sa-workspaces__list-heading,
  .sa-workspaces__list .sa-workspaces__list-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(2), .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(4),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(2),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(4) {
    width: 22%;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(1), .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(3),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(1),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(3) {
    width: 28%;
  }
  .sa-workspaces__view-details-img {
    width: 7.1875vw;
  }
  .sa-users__list .sa-workspaces__list-heading,
  .sa-users__list .sa-workspaces__list-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(1),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(1) {
    width: 20%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(2),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(2) {
    width: 15%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(3),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(3) {
    width: 10%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(4),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(4) {
    width: 15%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(5),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(5) {
    width: 10%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(6),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(6) {
    width: 27%;
  }
  .approve_and_delete_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .approve_img {
    width: 1.30208vw;
    height: 1.35417vw;
  }
  /****************************
@DESC - PROPOSALS
****************************/
  .proposal_main_editor_panel_main_container_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    width: 100vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .proposal_main_editor_panel_bottom_view {
    margin-top: 0.52083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc( 100vh - 4.65vw);
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .working_area_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc( 100vh - 4.65vw);
    width: 75.26042vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pdf_generating_banner_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: whitesmoke;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 99;
  }
  .pdf_generating_banner_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20.83333vw;
    width: 26.04167vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pdf_generating_banner_loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10.41667vw;
    width: 26.04167vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pdf_generating_banner_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 26.04167vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
  }
  .heading_components_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 100%;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .heading_components_main_container_go_back_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.0625vw;
    margin-left: 3.35938vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .go_bacK_buttons {
    font-family: Poppins-Medium;
    width: 8.85417vw;
    height: 2.13542vw;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ff4848;
    color: white;
    font-size: 0.9375vw;
    border: none;
  }
  .go_bacK_buttons:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .go_back_modal_whole_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .go_back_modal_whole_container .go_back_modal__close_icon_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .go_back_modal_whole_container .go_back_modal__close_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 2.08333vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .go_back_modal_whole_container .go_back_modal__message_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 7.8125vw;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 1.04167vw;
  }
  .go_back_modal_whole_container .go_back_modal__message_container .go_back_modal__message_container_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .go_back_modal_whole_container .go_back_modal__message_container .go_back_modal__message_container_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
  }
  .go_back_modal_whole_container .go_back_modal__button_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .go_back_modal_whole_container .go_back_modal__button_container button {
    width: 8.85417vw;
    height: 2.13542vw;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: grey;
    border: 2px solid grey;
  }
  .heading_components_main_container_proposal_name_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.0625vw;
    width: 26.04167vw;
    max-width: 26.04167vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading_components_main_container_proposal_name_container .proposal_name_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading_components_main_container_proposal_name_container .proposal_name_main_container .proposal_name_entry {
    font-family: Poppins-Medium;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.13542vw;
    min-width: 8.85417vw;
    max-width: 20.83333vw;
    font-size: 1.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .heading_components_main_container_proposal_name_container .proposal_name_main_container .edit_icon_proposal_entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.13542vw;
    width: 2.13542vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .heading_components_main_container_proposal_name_container .proposal_name_main_container .edit_icon_proposal_entry .fa-pencil {
    color: #6266e1;
  }
  .proposal_modal_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .proposal_modal_container .proposal_modal_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .proposal_modal_container .proposal_editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3.125vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .proposal_modal_container .proposal_editor input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.13542vw;
    border: none;
    border-bottom: 2px solid grey;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.04167vw;
    color: grey;
  }
  .heading_components_main_container_save_and_download_button_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.0625vw;
    width: 26.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading_components_main_container_save_and_download_button_container .save_and_download_button_container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading_components_main_container_save_and_download_button_container .save_and_download_button_container button {
    width: 8.85417vw;
    height: 2.13542vw;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
    color: white;
    border: none;
    font-size: 0.9375vw;
    font-family: Poppins-Medium;
  }
  .heading_components_main_container_save_and_download_button_container .save_and_download_button_container button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .modal_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal_main_container .modal__close_icon_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .modal_main_container .modal__close_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 2.08333vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .modal_main_container .modal__button_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .modal_main_container .modal__button_container button {
    width: 8.85417vw;
    height: 2.13542vw;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: grey;
    border: 2px solid grey;
  }
  .modal_main_container .modal_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .lead_selection_modal_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .lead_selection_modal_container .search_lead_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.16667vw;
    padding-left: 2.60417vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .lead_selection_modal_container .search_lead_container input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.5625vw;
    height: 2.60417vw;
    width: 80%;
    border-radius: 1.97917vw;
    border: 2px solid grey;
  }
  .lead_list_area_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2.60417vw;
  }
  .lead_list_area_main_container table {
    width: 100%;
  }
  .lead_list_area_main_container tr:first-child {
    border-top: 2px solid black;
  }
  .lead_list_area_main_container tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid black;
    border-top: none;
  }
  .lead_list_area_main_container tr .table_indexing_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.13542vw;
    width: 5%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
  }
  .lead_list_area_main_container tr .table_profile_pic_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 15%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
  }
  .lead_list_area_main_container tr .table_profile_pic_container .table_profile_pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 2.08333vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background-color: chartreuse;
  }
  .lead_list_area_main_container tr .table_name_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 25%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
  }
  .lead_list_area_main_container tr .table_email_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 30%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
  }
  .lead_list_area_main_container tr .table_company_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 25%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
  }
  .side_panel_main_component_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 4.65vw);
    width: 23.69792vw;
    -webkit-box-shadow: 10px 10px 30px #00000029;
            box-shadow: 10px 10px 30px #00000029;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .seleected_template_list_main_container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 90%;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .seleected_template_list_main_container .selected_template_active {
    border: 0.15625vw solid blue;
    border-radius: 0.52083vw;
  }
  .seleected_template_list_main_container .selected_template_active img {
    border-radius: 0.52083vw;
  }
  .seleected_template_list_main_container .selected_template {
    position: relative;
    -ms-flex-item-align: center;
        align-self: center;
    margin-top: 0.52083vw;
    margin-bottom: 0.52083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20.52083vw;
    height: 9.11458vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    border-radius: 0.52083vw;
  }
  .seleected_template_list_main_container .selected_template img {
    border-radius: 0.52083vw;
  }
  .seleected_template_list_main_container .delete_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0.52083vw;
    height: 2.08333vw;
    width: 2.08333vw;
    color: white;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0 0.52083vw 0.52083vw;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .button_list_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0.52083vw;
    padding-right: 0.52083vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .button_list_main_container .button_curve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 9.375vw;
    height: 3.07292vw;
    border-radius: 1.97917vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
  }
  .button_list_main_container .button_curve .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 3.07292vw;
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 1.97917vw 1.97917vw 0;
  }
  .button_list_main_container .button_curve .buttons:first-child {
    border-radius: 1.97917vw 0 0 1.97917vw;
  }
  .button_list_main_container .button_curve .buttons_active {
    color: white;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .button_list_main_container .buttons_round {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 3.07292vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .button_list_main_container .buttons_preview {
    font-family: Poppins-Medium;
    font-size: 0.9375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 7.29167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 1.97917vw;
    color: white;
    cursor: pointer;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .template_view_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 98%;
    width: 97%;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .template_view_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Poppins-Bold;
    font-size: 1.5625vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .single_template_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.60417vw;
    padding-bottom: 2.60417vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .single_template_view .single_template_view_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.60417vw;
    font-family: Poppins-Medium;
    font-weight: 300;
    font-size: 1.30208vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .single_template_view .signle_template_view_card_display_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .single_template_view .signle_template_view_card_display_area .thumbnail_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20.52083vw;
    height: 9.11458vw;
    margin: 1.04167vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    border-radius: 0.52083vw;
    cursor: pointer;
  }
  .single_template_view .signle_template_view_card_display_area .thumbnail_view img {
    border-radius: 0.52083vw;
  }
  .template_display_area h1,
  .template_display_area h2,
  .template_display_area h3,
  .template_display_area h4,
  .template_display_area h5,
  .template_display_area h6,
  .template_display_area p,
  .template_display_area blockquote,
  .template_display_area pre,
  .template_display_area abbr,
  .template_display_area acronym,
  .template_display_area address,
  .template_display_area big,
  .template_display_area em,
  .template_display_area img,
  .template_display_area ins,
  .template_display_area kbd,
  .template_display_area q,
  .template_display_area s,
  .template_display_area samp,
  .template_display_area small,
  .template_display_area strike,
  .template_display_area strong,
  .template_display_area sub,
  .template_display_area sup,
  .template_display_area b,
  .template_display_area u,
  .template_display_area i,
  .template_display_area ol,
  .template_display_area ul {
    padding-left: 0.52083vw;
    padding-right: 0.52083vw;
  }
  .preview_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 4.65vw);
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .button_panel_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .button_panel_main_container button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 10.41667vw;
    border: 2px solid #502eff;
    color: #502eff;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .render_template_main_container {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .single_template_display_container_render {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 41.66667vw;
    width: 77.23958vw;
    background-color: white;
    margin-top: 1.04167vw;
    margin-bottom: 1.04167vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    border-radius: 1.97917vw;
  }
  .preview_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.04167vw;
    font-family: Poppins-Medium;
  }
  .template_editor_component_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 98%;
    width: 97%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .template_editor_componane_null {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 98%;
    width: 97%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
  }
  .template_main_container {
    height: 100%;
    width: 100%;
  }
  .template_display_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .template_main_container_display_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    border-radius: 0.52083vw;
  }
  .render_proposal_list_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .render_proposal_single_container {
    width: 20.15625vw;
    background-color: #ffffff;
    margin-right: 1.51042vw;
    margin-bottom: 1.51042vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw rgba(128, 128, 128, 0.16);
    border-radius: 0.78125vw;
  }
  .render_proposal_single_container .fa-trash {
    margin-top: 0.26042vw;
    font-size: 1.35417vw !important;
    color: rgba(0, 0, 0, 0.35);
  }
  .render_proposal_single_container__headline {
    padding: 1.5625vw 1.51042vw 1.35417vw 1.45833vw;
  }
  .render_proposal_single_container__headline h3 {
    padding-top: 0.26042vw;
  }
  .render_proposal_single_container__headline_pro_image {
    width: 2.60417vw;
    height: 2.60417vw;
    border-radius: 100%;
    margin-right: 1.5625vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .render_proposal_single_container__headline_pro_image img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .render_proposal_single_container__image_headline {
    width: 100%;
    height: 9.01042vw;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    border-radius: 0.52083vw;
  }
  .render_proposal_single_container__image_headline img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .template_option_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .template_option_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 3.07292vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    cursor: pointer;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
  }
  .template_option_main_container__modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .template_option_main_container__modal .template_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .template_option_main_container__modal .template_logo_toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 1.5625vw;
  }
  .background_color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .company_logo_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .image_component_main_container_selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid blue;
    height: 100%;
  }
  .image_cogs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -2px;
    left: -35.5px;
    height: 2.60417vw;
    width: 2.60417vw;
    background-color: blue;
    color: white;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .image_component__modal_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .image_component__modal_container .template_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .image_block_upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 100%;
    margin-top: 0.52083vw;
    margin-bottom: 0.52083vw;
  }
  .image_block_upload .image_block_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .image_block_upload .image_block_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .template_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .template_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .template_text_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
  }
  .template_text_input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none;
    outline: none;
  }
  .image_uploading_main_component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 100%;
  }
  .image_uploading_main_component input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none;
    outline: none;
  }
  .text_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
  }
  .text_component_main_container .cke_editable {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 1.5625vw;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .icon_selection_component_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 5.20833vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .icon_selection_component_main_container_selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 5.20833vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid blue;
  }
  .dispaly_selected_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 1.5625vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dispaly_selected_icon .select_new_icon_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.03125vw;
    width: 10.41667vw;
    -webkit-box-shadow: 0px 3px 6px #80808028;
            box-shadow: 0px 3px 6px #80808028;
    border-radius: 1.97917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ff4848;
    color: white;
    border: none;
    cursor: pointer;
  }
  .icon_setting_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .icon_setting_size_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.20833vw;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border-bottom: 2px solid grey;
  }
  .icon_setting_size_row .icons_size_button_selected {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 4.16667vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    border-radius: 0.52083vw;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .icon_setting_size_row .icons_size_button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    width: 4.16667vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.52083vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .icon_background_color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .icon_background_color .icon_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.30208vw;
  }
  .icon_display_list_container__second_modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .icon_display_list_container__second_modal .icon_disp_block_selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 2.60417vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    margin: 1.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.52083vw;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
  }
  .icon_display_list_container__second_modal .icon_disp_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    width: 2.60417vw;
    -webkit-box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.15625vw 0.83333vw rgba(128, 128, 128, 0.16);
    margin: 1.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.52083vw;
  }
  .front_page_template_one .front_page_template_one__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_one .front_page_template_one__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.60417vw;
    padding-bottom: 2.60417vw;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .front_page_template_one__left__image_container_line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .front_page_template_one__left__image_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 4.94792vw 0 2.08333vw 5.41667vw;
  }
  .front_page_template_one__right_logo_area_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_one__right_text_area_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10%;
    height: 30%;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .front_page_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .front_page_template_two .front_page_template_two__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
  }
  .front_page_template_two .front_page_template_two__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 45%;
    height: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 2.60417vw;
    padding-right: 2.60417vw;
    padding-left: 1.04167vw;
    padding-bottom: 4.16667vw;
  }
  .front_page_template_two .front_page_template_two__right--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 10.41667vw;
  }
  .front_page_template_two .front_page_template_two_logo_area_container {
    margin-top: 0.52083vw;
    margin-right: 0.52083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 20%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_three__image_container_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 57.76042vw;
    height: 3.4375vw;
  }
  .front_page_template_three__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .front_page_template_three__left {
    height: 100%;
    width: 50%;
  }
  .front_page_template_three__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_three__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 3.07292vw;
    padding-bottom: 6.77083vw;
  }
  .front_page_template_three__right__image_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50% !important;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-radius: 50%;
  }
  .front_page_template_three__left_logo_area_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 10%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_three__left_text_area_headline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30%;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .front_page_template_four-top_logo_area_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 20%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .front_page_template_four-top_logo_area_container--outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .front_page_template_four__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5%;
  }
  .front_page_template_four__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-left: 6.5625vw;
    padding-right: 0.52083vw;
  }
  .front_page_template_four__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
    height: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 1.04167vw;
    padding-left: 1.04167vw;
  }
  .front_page_template_four__right--image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50%;
    padding-right: 6.25vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .front_page_template_five .front_page_template_five__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
  }
  .front_page_template_five .front_page_template_five__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .introduction_template_one__leftBlock {
    width: 55%;
    padding: 4.79167vw 5.20833vw 12.13542vw 4.6875vw;
  }
  .introduction_template_one__leftBlock .introduction_template_one__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-word;
    overflow: auto;
    height: 4.16667vw;
  }
  .introduction_template_one__leftBlock .introduction_template_one__top__headline {
    height: 100%;
  }
  .introduction_template_one__leftBlock .introduction_template_one__top__line {
    display: block;
    margin-left: 0.78125vw;
    width: 0.3125vw;
    height: 80%;
    border-radius: 1.5625vw;
  }
  .introduction_template_one__leftBlock .introduction_template_one__bottom {
    margin-top: 3.90625vw;
    height: 11.71875vw;
    overflow: auto;
  }
  .introduction_template_one__leftBlock .text_Container {
    padding-right: 1.04167vw;
  }
  .introduction_template_one__rightBlock {
    width: 45%;
  }
  .introduction_template_one__rightBlock .introduction_template_one__rightBlock__imgDiv {
    margin: 6.25vw 7.08333vw 5.46875vw 0.52083vw;
  }
  .introduction_template_one__rightBlock .introduction_template_one__rightBlock__imgDiv img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .introduction_template_two {
    display: block;
    padding-top: 5.78125vw;
    padding-right: 4.21875vw;
  }
  .introduction_template_two__top__line {
    display: block;
    margin-left: 0.78125vw;
    width: 0.3125vw;
    height: 80%;
    border-radius: 1.5625vw;
  }
  .introduction_template_two__top__line__left {
    width: 60%;
    height: 3.4375vw;
    margin-right: 0.78125vw;
  }
  .introduction_template_two__row2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .introduction_template_two__leftBlock {
    width: 50%;
  }
  .introduction_template_two__leftBlock .introduction_template_two__leftBlock__imgDiv {
    margin: 1.5625vw 2.34375vw 3.90625vw 5.46875vw;
  }
  .introduction_template_two__leftBlock .introduction_template_two__leftBlock__imgDiv img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .introduction_template_two__rightBlock {
    width: 50%;
    padding: 4.79167vw 0.05208vw 12.13542vw 0.05208vw;
  }
  .introduction_template_two__top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-word;
    overflow: auto;
    height: 4.16667vw;
  }
  .introduction_template_two__bottom {
    height: 16.04167vw;
    overflow: auto;
  }
  .introduction_template_two__bottom .text_Container {
    padding-right: 1.04167vw;
  }
  .introduction_template_three {
    padding-right: 1.04167vw;
  }
  .introduction_template_three .introduction_template_three__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 48%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .introduction_template_three .introduction_template_three__right {
    height: 100%;
    width: 52%;
    padding: 2.60417vw 1.04167vw 2.60417vw 3.125vw;
  }
  .introduction_template_three__left__image_container_line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .introduction_template_three__left__image_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 3.90625vw 0 3.64583vw 2.8125vw;
  }
  .introduction_template_three__right_logo_area_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .introduction_template_three__right_text_area_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 10%;
    width: 100%;
  }
  .introduction_template_three__right_text_area_headline .text_component_main_container {
    height: 100%;
  }
  .introduction_template_three__right_text_area_headline .text_component_main_container .cke_editable {
    padding-left: 0.78125vw;
  }
  .introduction_template_headline_sq {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .introduction_template_three__right_text_area_div {
    height: 25.52083vw;
    overflow: auto;
    margin-top: 3.64583vw;
  }
  .introduction_template_three__right_text_area_headline1 .cke_editable,
  .introduction_template_three__right_text_area_para1 .cke_editable {
    padding-left: 0.9375vw;
  }
  .introduction_template_three__right_text_area_para1 {
    margin-bottom: 1.5625vw;
  }
  .introduction_template_four {
    display: block;
    padding: 4.01042vw 5.52083vw 4.01042vw 4.47917vw;
  }
  .introduction_template_four__top {
    max-height: 2.60417vw;
    margin-bottom: 4.6875vw;
    text-align: center;
  }
  .introduction_template_four__top .text_component_main_container {
    margin: 0 auto;
  }
  .introduction_template_four__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .introduction_template_four__bottom__left {
    width: 50%;
    height: 20.83333vw;
    overflow: auto;
    margin-right: 2.60417vw;
    padding-right: 1.04167vw;
  }
  .introduction_template_four__bottom__right {
    width: 50%;
  }
  .au_template_one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
    width: 100%;
  }
  .au_template_one .au_template_one__left__image_container_line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .au_template_one .au_template_one__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 95%;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 2.08333vw;
    padding-top: 4.16667vw;
    padding-right: 4.16667vw;
    padding-bottom: 2.60417vw;
  }
  .au_template_one .au_template_one__headline_text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 40%;
  }
  .au_template_one .au_template_one__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .au_template_one .au_template_one__top .au_template_one__top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    word-break: break-all;
  }
  .au_template_one .au_template_one__top .au_template_one__headline_dot {
    display: block;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .au_template_one .au_template_one__para_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 5.20833vw;
  }
  .au_template_one .au_template_one__para_container .text_Container {
    padding-top: 0.52083vw;
    padding-bottom: 0.52083vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.45833vw;
    width: 26.71875vw;
  }
  .au_template_one .au_template_one__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 63%;
    padding-left: 1.04167vw;
    padding-right: 0.52083vw;
  }
  .au_template_one .au_template_one__right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .au_template_two {
    padding-top: 1.82292vw;
    padding-left: 3.125vw;
    padding-bottom: 2.70833vw;
    padding-right: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: auto;
  }
  .about_us_template_two__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    word-break: break-word;
    overflow: auto;
    width: 30%;
    height: 20%;
  }
  .about_us_template_two__top .about_us_template_two__top-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 90%;
  }
  .about_us_template_two__top .au_template_two__headline_line {
    display: block;
    width: 0.26042vw;
    height: 2.60417vw;
    border-radius: 1.04167vw;
    margin-left: 1.04167vw;
  }
  .about_us_template_two__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    height: 80%;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    padding-top: 1.04167vw;
  }
  .about_us_template_two__bottom-img-container {
    width: 35%;
  }
  .about_us_template_two__bottom-img-container img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .about_us_template_two__bottom-right-container {
    width: 65%;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 1.04167vw;
  }
  .about_us_template_two__right-para-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 50%;
    padding-bottom: 2.60417vw;
  }
  .au_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .au_template_three .au_template_three__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 2.60417vw;
    padding-left: 5.20833vw;
  }
  .au_template_three .au_template_three__top .au_template_three__top__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 26.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .au_template_three .au_template_three__top .about_us_template_three__left_title_vertical_line {
    display: block;
    width: 0.26042vw;
    height: 2.55208vw;
    border-radius: 1.5625vw;
    margin: 0 1.04167vw 0 0.26042vw;
  }
  .au_template_three .au_template_three__top .about_us_template_three__left_title_horizontal_line {
    width: 13.54167vw;
    height: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .au_template_three .au_template_three__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 2.60417vw;
    padding-left: 2.60417vw;
    padding-right: 1.04167vw;
    padding-bottom: 3.125vw;
  }
  .au_template_three .au_template_three__bottom--right {
    width: 45%;
    margin: 1.04167vw;
    margin-top: 0;
  }
  .au_template_three .au_template_three__bottom--right img {
    width: 100%;
    height: 100%;
  }
  .au_template_three .au_template_three__bottom--left {
    width: 55%;
    height: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 1.82292vw;
    padding-right: 1.82292vw;
  }
  .au_template_three .au_template_three__bottom--left--top {
    width: 100%;
    height: 15.10417vw;
    padding-bottom: 3.125vw;
    word-break: break-all;
  }
  .au_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 3.64583vw;
    padding-left: 3.125vw;
    padding-right: 1.5625vw;
    padding-bottom: 0.52083vw;
  }
  .au_template_four .au_template_four__left-container {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.04167vw;
  }
  .au_template_four .au_template_four_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 10%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 2.60417vw;
    padding-bottom: 1.04167vw;
  }
  .au_template_four .au_template_four_top .text_container {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .au_template_four .au_template_four_left-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    height: 90%;
  }
  .au_template_four .au_template_four_left-bottom--row1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding-bottom: 2.60417vw;
  }
  .au_template_four .au_template_four_left-bottom--row1--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 2.08333vw;
  }
  .au_template_four .au_template_four_left-bottom--headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    width: 100%;
    height: 2.86458vw;
  }
  .au_template_four .au_template_four_left-bottom--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    width: 100%;
    overflow: auto;
    height: 9.47917vw;
  }
  .au_template_four__right-container {
    width: 55%;
    padding-left: 1.5625vw;
    padding-bottom: 1.5625vw;
  }
  .au_template_four__right-container img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .au_template_five {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .au_template_five .au_template_five__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 5.20833vw;
  }
  .au_template_five .au_template_five__top .au_template_five__top__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 15.625vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .au_template_five .au_template_five__top .au_template_five__top__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.70833vw;
    width: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .au_template_five .au_template_five__top .au_template_five__top__line div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.70833vw;
    width: 0.26042vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: black;
  }
  .au_template_five .au_template_five__blocks_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .au_template_five .au_template_five__blocks_bottom .au_template_five_image_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80%;
    width: 20.83333vw;
  }
  .au_template_five .au_template_five__blocks_bottom .au_template_five_text_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80%;
    width: 31.25vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_mission_page_template_one .our_mission_page_template_one__left_line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__right--container--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    height: 100%;
    padding: 0 0.52083vw 0.52083vw 0.52083vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__right--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    height: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.60417vw 1.04167vw 3.64583vw 1.04167vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__top .our_mission_page_template_one__dot {
    display: block;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__top .our_mission_page_template_one__top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    word-break: break-all;
  }
  .our_mission_page_template_one .our_mission_page_template_one__left__para {
    margin-top: 2.60417vw;
    width: 100%;
    height: 15.625vw;
    padding-left: 3.90625vw;
    overflow: auto;
    word-break: break-all;
  }
  .our_mission_page_template_one .our_mission_page_template_one__img_container {
    width: 55%;
    padding: 0.52083vw;
  }
  .our_mission_page_template_one .our_mission_page_template_one__img_container img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_mission_page_template_two {
    padding: 1.5625vw 2.34375vw 2.08333vw 2.34375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_mission_page_template_two .our_mission_page_template_two__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 40%;
    height: 15%;
  }
  .our_mission_page_template_two .our_mission_page_template_two__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_mission_page_template_two .our_mission_page_template_two__line {
    display: block;
    width: 0.26042vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    margin: 0 0.26042vw;
  }
  .our_mission_page_template_two .our_mission_page_template_two__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 1.5625vw;
    width: 100%;
  }
  .our_mission_page_template_two .our_mission_page_template_two__bottom--text {
    width: 45%;
    height: 13.02083vw;
    overflow: auto;
    word-break: break-all;
    margin-bottom: 1.5625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .our_mission_page_template_two .our_mission_page_template_two__bottom--text .text-container {
    padding: 0 1.04167vw 1.04167vw 1.04167vw;
  }
  .our_mission_page_template_two .our_mission_page_template_two__bottom--img {
    width: 55%;
    padding: 0 1.5625vw 1.04167vw 1.5625vw;
  }
  .our_mission_page_template_two .our_mission_page_template_two__bottom--img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_mission_page_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.60417vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__top--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 15%;
  }
  .our_mission_page_template_three .our_mission_page_template_three__left_line {
    width: 60%;
    height: 3.54167vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__title--container {
    width: 25%;
    height: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_mission_page_template_three .our_mission_page_template_three__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
    height: 5.20833vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__line {
    display: block;
    width: 0.26042vw;
    height: 2.60417vw;
    border-radius: 1.04167vw;
    margin: 0 0.78125vw 0 0.78125vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__left_line--right {
    width: 15%;
    height: 3.54167vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 0 0 5.20833vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 55%;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-left--image img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-left--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 13.02083vw;
    padding: 1.5625vw 1.04167vw 1.04167vw 2.60417vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1.04167vw 0 1.04167vw;
    margin-bottom: 1.04167vw;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-right--title {
    width: 50%;
    height: 2.34375vw;
    overflow: auto;
  }
  .our_mission_page_template_three .our_mission_page_template_three__bottom-right--text {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.30208vw;
    margin-top: 0.52083vw;
    margin-bottom: 0.52083vw;
  }
  .our_mission_page_template_four {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    height: 15%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--bottom {
    padding-top: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--container1 {
    width: 33%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1.04167vw;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--img1-container {
    width: 100%;
    margin-bottom: 2.86458vw;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--img1-container img {
    width: 100%;
    height: 100%;
  }
  .our_mission_page_template_four .our_mission_page_template_four--left-section--text1-section {
    margin-top: 1.82292vw;
    width: 100%;
    height: 5.72917vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto !important;
  }
  .our_mission_page_template_four .our_mission_page_template_four--right-section {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_mission_page_template_four .our_mission_page_template_four--right-section--img {
    width: 100%;
    display: block;
    margin: 1.04167vw;
  }
  .our_mission_page_template_four .our_mission_page_template_four--right-section--img img {
    width: 100%;
    height: 100%;
  }
  .our_mission_page_template_four .our_mission_page_template_four--right-section--text {
    padding: 1.5625vw 1.04167vw 1.04167vw 1.04167vw;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    height: 10.41667vw;
  }
  .our_portfolio_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
  .our_portfolio_template_one .our_portfolio_template_one__left-line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one--right-section {
    width: 95%;
  }
  .our_portfolio_template_one .our_portfolio_template_one--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one--title .our_portfolio_template_one__dot {
    display: block;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one--title .our_portfolio_template_one_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .our_portfolio_template_one .our_portfolio_template_one_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.16667vw 4.16667vw 0 4.16667vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one_bottom--conatiner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 25%;
  }
  .our_portfolio_template_one .our_portfolio_template_one_bottom--img {
    padding: 0.52083vw 0.52083vw 0.52083vw 1.04167vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one_bottom--img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 1.04167vw;
  }
  .our_portfolio_template_one .our_portfolio_template_one_bottom--text {
    margin-top: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: auto;
    height: 5.20833vw;
  }
  .our_portfolio_template_two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 2.60417vw 0 0;
  }
  .our_portfolio_template_two .our_portfolio_template_two--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 10%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_portfolio_template_two .our_portfolio_template_two__left-line {
    width: 20%;
    height: 100%;
  }
  .our_portfolio_template_two .our_portfolio_template_two--headline-container {
    width: 62%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_portfolio_template_two .our_portfolio_template_two--headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 70%;
    height: 100%;
    padding-left: 5.20833vw;
  }
  .our_portfolio_template_two .our_portfolio_template_two__top-headline--line {
    display: block;
    width: 0.3125vw;
    height: 60%;
    border-radius: 1.5625vw;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 0.52083vw 0 2.08333vw;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_left_container {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_left_container--para {
    padding: 0 1.30208vw 1.30208vw 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 12.76042vw;
    overflow: auto;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_right_container {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 0 1.04167vw;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_right_container__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.5625vw;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_right_container__img {
    width: 50%;
  }
  .our_portfolio_template_two .our_portfolio_template_two__bottom_right_container__img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_portfolio_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 2.08333vw 1.04167vw 4.16667vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40%;
    height: 10%;
    padding: 0;
  }
  .our_portfolio_template_three .our_portfolio_template_three__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    height: 100%;
  }
  .our_portfolio_template_three .our_portfolio_template_three__right_line {
    display: block;
    width: 0.3125vw;
    height: 60%;
    border-radius: 1.5625vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding-top: 1.04167vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
    padding-right: 2.60417vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom_img_container {
    padding: 1.30208vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom_img_container img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom_right {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 2.60417vw;
  }
  .our_portfolio_template_three .our_portfolio_template_three__bottom_text_container {
    padding: 1.04167vw 0 1.04167vw 0;
    width: 100%;
    height: 10.9375vw;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_portfolio_template_four {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 1.04167vw 0 2.60417vw;
  }
  .our_portfolio_template_four .our_portfolio_template_four__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 40%;
    height: 10%;
    text-transform: uppercase;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 2.60417vw 4.16667vw 0 4.16667vw;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 50%;
    padding-right: 1.04167vw;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom__left__img {
    width: 100%;
    padding: 0 1.04167vw 2.08333vw 1.04167vw;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom__left__img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom__left__text {
    width: 100%;
    height: 11.92708vw;
    padding: 0 1.5625vw 1.5625vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_portfolio_template_four .our_portfolio_template_four__bottom__right {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 1.04167vw;
  }
  .our_clients_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_clients_template_one .our_clients_template_one__left_line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_clients_template_one .our_clients_template_one__right {
    width: 95%;
  }
  .our_clients_template_one .our_clients_template_one__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 40%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .our_clients_template_one .our_clients_template_one__title .our_clients_template_one__dot {
    display: block;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .our_clients_template_one .our_clients_template_one__title .our_clients_template_one_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .our_clients_template_one .our_clients_template_one_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.16667vw 4.16667vw 0 4.16667vw;
  }
  .our_clients_template_one .our_clients_template_one_bottom_conatiner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 25%;
  }
  .our_clients_template_one .our_clients_template_one_bottom_img {
    padding: 0.52083vw 0.52083vw 0.52083vw 1.04167vw;
  }
  .our_clients_template_one .our_clients_template_one_bottom_img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 1.30208vw;
  }
  .our_clients_template_one .our_clients_template_one_bottom_text {
    margin-top: 1.45833vw;
    width: 100%;
    overflow: auto;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_clients_template_two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw;
  }
  .our_clients_template_two .our_clients_template_two__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    height: 10%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.08333vw;
  }
  .our_clients_template_two .our_clients_template_two_headline {
    width: 90%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_clients_template_two .our_clients_template_two__line {
    display: block;
    width: 0.26042vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    margin: 0 0.15625vw;
  }
  .our_clients_template_two .our_clients_template_two_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 0.52083vw 0 1.04167vw;
  }
  .our_clients_template_two .our_clients_template_two_bottom_conatiner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 33%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .our_clients_template_two .our_clients_template_two_bottom_img {
    padding: 1.04167vw;
    width: 90%;
  }
  .our_clients_template_two .our_clients_template_two_bottom_img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .our_clients_template_two .our_clients_template_two_bottom_text {
    width: 100%;
    height: 6.51042vw;
    padding: 0.52083vw 0 0.52083vw 0;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_clients_template_two .our_clients_template_two_bottom_conatiner--two {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_clients_template_two .our_clients_template_two_bottom_conatiner--three {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .our_clients_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_clients_template_three .our_clients_template_three_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 2.60417vw;
    padding-left: 5.20833vw;
  }
  .our_clients_template_three .our_clients_template_three_top .our_clients_template_three_top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 26.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_clients_template_three .our_clients_template_three_top .our_clients_template_three__vertical_line {
    display: block;
    width: 0.26042vw;
    height: 2.55208vw;
    border-radius: 1.5625vw;
    margin: 0 1.04167vw 0 0.26042vw;
  }
  .our_clients_template_three .our_clients_template_three_top .our_clients_template_three__horizontal_line {
    width: 13.54167vw;
    height: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_clients_template_three .our_clients_template_three__bottom_container {
    padding: 2.60417vw 3.64583vw 0 3.64583vw;
  }
  .our_clients_template_three .our_clients_template_three__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 2.08333vw;
  }
  .our_clients_template_three .our_clients_template_three__bottom_img {
    width: 25%;
  }
  .our_clients_template_three .our_clients_template_three__bottom_img img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_clients_template_four {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 2.60417vw 1.04167vw 1.04167vw;
  }
  .our_clients_template_four .our_clients_template_four_top {
    width: 35%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .our_clients_template_four .our_clients_template_four_bottom_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.04167vw 3.125vw 0.52083vw 3.64583vw;
  }
  .our_clients_template_four .our_clients_template_four__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.67708vw 0 0.67708vw 0;
  }
  .our_clients_template_four .our_clients_template_four__bottom_img {
    width: 50%;
  }
  .our_clients_template_four .our_clients_template_four__bottom_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_team_template_one {
    width: 100%;
    height: 100%;
  }
  .our_team_template_one .our_team_template_one__left_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_team_template_one .our_team_template_one__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 95%;
    padding: 0.52083vw 1.5625vw 0.52083vw 1.5625vw;
  }
  .our_team_template_one .our_team_template_one__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 20%;
  }
  .our_team_template_one .our_team_template_one__dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
    margin: 0 0.26042vw;
  }
  .our_team_template_one .our_team_template_one_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_team_template_one .our_team_template_one__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 80%;
    padding: 0.52083vw 5.20833vw 0.52083vw 5.20833vw;
  }
  .our_team_template_one .our_team_template_one__bottom_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50%;
    padding-bottom: 1.5625vw;
    padding-top: 1.30208vw;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_left {
    width: 50%;
    padding: 0.52083vw;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_right {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.52083vw 0.52083vw 0.52083vw 0;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_right .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 15%;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_right_subHeadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 15%;
  }
  .our_team_template_one .our_team_template_one__bottom_row_block_right_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70%;
  }
  .our_team_template_two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1.04167vw;
    padding-left: 1.04167vw;
  }
  .our_team_template_two .our_team_template_two__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 40%;
    height: 15%;
  }
  .our_team_template_two .our_team_template_two_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_team_template_two .our_team_template_two__line {
    display: block;
    width: 0.26042vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    margin: 0 0.26042vw;
  }
  .our_team_template_two .our_team_template_two_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 85%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_team_template_two .our_team_template_two_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 12.5vw;
    height: 20.83333vw;
    padding-left: 0.26042vw;
    padding-right: 0.26042vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .our_team_template_two .our_team_template_two_bottom_block .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .our_team_template_two .our_team_template_two_bottom_block_img {
    width: 100%;
    height: 50%;
    padding: 0.52083vw;
  }
  .our_team_template_two .our_team_template_two_bottom_block_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_team_template_two .our_team_template_two_bottom_block_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 15%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.26042vw;
  }
  .our_team_template_two .our_team_template_two_bottom_block_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 20%;
    padding: 0.26042vw;
  }
  .our_team_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_team_template_three .our_team_template_three__line {
    width: 75%;
    height: 3.4375vw;
    border-radius: 0.3125vw;
  }
  .our_team_template_three .our_team_template_three_headline {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 0.26042vw;
  }
  .our_team_template_three .our_team_template_three_headline .text-area {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .our_team_template_three .our_team_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.04167vw;
  }
  .our_team_template_three .our_team_template_three_bottom_row_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.52083vw 0;
  }
  .our_team_template_three .our_team_template_three_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 9.375vw;
    height: 11.97917vw;
    padding: 0.26042vw;
  }
  .our_team_template_three .our_team_template_three_bottom_block .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .our_team_template_three .our_team_template_three_bottom_block_img {
    width: 100%;
    height: 60%;
    padding: 0.26042vw 0.52083vw;
  }
  .our_team_template_three .our_team_template_three_bottom_block_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_team_template_three .our_team_template_three_bottom_block_headline {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 15%;
    padding: 0.26042vw 0.52083vw;
  }
  .our_team_template_three .our_team_template_three_bottom_block_para {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 15%;
  }
  .our_team_template_four {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_team_template_four .our_team_template_four_headline {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 0.26042vw;
  }
  .our_team_template_four .our_team_template_four_headline .text-area {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .our_team_template_four .our_team_template_four_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.04167vw;
  }
  .our_team_template_four .our_team_template_four_bottom_row_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.52083vw 0;
  }
  .our_team_template_four .our_team_template_four_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 9.375vw;
    height: 11.97917vw;
    padding: 0.26042vw;
  }
  .our_team_template_four .our_team_template_four_bottom_block .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .our_team_template_four .our_team_template_four_bottom_block_img {
    width: 100%;
    height: 60%;
    padding: 0.26042vw 0.52083vw;
  }
  .our_team_template_four .our_team_template_four_bottom_block_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_team_template_four .our_team_template_four_bottom_block_headline {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 15%;
    padding: 0.26042vw 0.52083vw;
  }
  .our_team_template_four .our_team_template_four_bottom_block_para {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 15%;
  }
  .our_process_page_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_process_page_template_one .our_process_page_template_one__left_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_process_page_template_one .our_process_page_template_one_right_container {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.26042vw 1.30208vw 0.52083vw 1.5625vw;
  }
  .our_process_page_template_one .our_process_page_template_one_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    height: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_one .our_process_page_template_one__dot {
    display: block;
    width: 1.14583vw;
    height: 1.14583vw;
  }
  .our_process_page_template_one .our_process_page_template_one__top_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_one .our_process_page_template_one_right_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.5625vw 2.60417vw 0 1.5625vw;
  }
  .our_process_page_template_one .our_process_page_template_one_right_bottom_left {
    width: 45%;
    padding: 0.52083vw;
  }
  .our_process_page_template_one .our_process_page_template_one_right_bottom_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_process_page_template_one .our_process_page_template_one_right_bottom_right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0.52083vw;
  }
  .our_process_page_template_one .our_process_page_template_one_right_bottom_right_text {
    width: 100%;
    height: 8.22917vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.625vw 0.78125vw 1.04167vw 0.78125vw;
  }
  .our_process_page_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_two .our_process_page_template_two_left {
    width: 50%;
    height: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .our_process_page_template_two .our_process_page_template_two_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_two .our_process_page_template_one__top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_two .our_process_page_template_one__dot {
    display: block;
    width: 0.26042vw;
    height: 2.34375vw;
    border-radius: 1.04167vw;
  }
  .our_process_page_template_two .our_process_page_template_two_left_text_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    overflow: auto;
    width: 100%;
    height: 45%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2.60417vw 1.5625vw 2.60417vw;
    margin-bottom: 2.60417vw;
  }
  .our_process_page_template_two .our_process_page_template_two_left_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 5.20833vw;
  }
  .our_process_page_template_two .our_process_page_template_two_right_img {
    width: 50%;
    padding: 2.60417vw 1.5625vw 2.60417vw 0.52083vw;
  }
  .our_process_page_template_two .our_process_page_template_two_right_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_process_page_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_process_page_template_three .our_process_page_template_three_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 2.60417vw;
    padding-left: 5.20833vw;
  }
  .our_process_page_template_three .our_process_page_template_three_top .our_process_page_template_three_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 26.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_process_page_template_three .our_process_page_template_three_top .our_process_page_template_three__line {
    display: block;
    width: 0.26042vw;
    height: 2.55208vw;
    border-radius: 1.5625vw;
    margin: 0 1.04167vw 0 0.26042vw;
  }
  .our_process_page_template_three .our_process_page_template_three_top .our_process_page_template_three_horizontal__line {
    width: 17.1875vw;
    height: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_process_page_template_three .our_process_page_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4.16667vw;
  }
  .our_process_page_template_three .our_process_page_template_three_left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .our_process_page_template_three .our_process_page_template_three_left-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 5.20833vw;
    padding: 0.78125vw 1.04167vw;
  }
  .our_process_page_template_three .our_process_page_template_three_right {
    width: 50%;
  }
  .our_process_page_template_three .our_process_page_template_three_right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_process_page_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.04167vw 1.5625vw 0 1.5625vw;
  }
  .our_process_page_template_four .our_process_page_template_four_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .our_process_page_template_four .our_process_page_template_four_headline {
    width: 43%;
    height: 4.11458vw;
  }
  .our_process_page_template_four .our_process_page_template_four_bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.5625vw 0 1.5625vw;
  }
  .our_process_page_template_four .our_process_page_template_four_bottom_left {
    width: 55%;
    padding: 0.52083vw;
  }
  .our_process_page_template_four .our_process_page_template_four_bottom_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_process_page_template_four .our_process_page_template_four_bottom_right {
    width: 45%;
    padding: 1.5625vw 1.04167vw 1.04167vw 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .our_process_page_template_four .our_process_page_template_four_bottom_right .text_container {
    width: 100%;
    height: 11.30208vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .what_we_do_template_one .what_we_do_template_one__left__line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .what_we_do_template_one .what_we_do_template_one__container {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .what_we_do_template_one .what_we_do_template_one__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .what_we_do_template_one .what_we_do_template_one__top .what_we_do_template_one__top_black_dot {
    display: block;
    height: 1.14583vw;
    width: 1.14583vw;
  }
  .what_we_do_template_one .what_we_do_template_one__top .what_we_do_template_one__top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 70%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .what_we_do_template_one .what_we_do_template_one__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80%;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 5.20833vw;
  }
  .what_we_do_template_one .what_we_do_template_one__bottom .what_we_do_template_one__bottom_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 15.625vw;
    width: 23%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .what_we_do_template_one .what_we_do_template_one__bottom .what_we_do_template_one__bottom_blocks .what_we_do_template_one_icon_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .what_we_do_template_one .what_we_do_template_one__bottom .what_we_do_template_one__bottom_blocks .what_we_do_template_one_text_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25%;
    width: 100%;
  }
  .what_we_do_template_two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 4.16667vw 2.60417vw 4.16667vw;
  }
  .what_we_do_template_two .what_we_do_template_two__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .what_we_do_template_two .what_we_do_template_two__top .what_we_do__top__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 40%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .what_we_do_template_two .what_we_do_template_two__top .what_we_do_two__top__line {
    display: block;
    width: 0.26042vw;
    border-radius: 1.04167vw;
    height: 55%;
    margin-left: 0.52083vw;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom {
    padding-top: 1.04167vw;
    margin-top: 2.60417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40%;
    width: 100%;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32%;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks .what_we_do_template_two__bottom_blocks_small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 22.91667vw;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks .what_we_do_template_two__bottom_blocks_small .what_we_do_template_two__bottom_blocks__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 30%;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks .what_we_do_template_two__bottom_blocks_small .what_we_do_template_two__bottom_blocks__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 80%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 1.5625vw;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks .what_we_do_template_two__bottom_blocks_small .what_we_do_template_two__bottom_blocks__right .what_we_do_template_two__bottom_blocks__right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    height: 40%;
    width: 100%;
  }
  .what_we_do_template_two .what_we_do_template_two__bottom .what_we_do_template_two__bottom_blocks .what_we_do_template_two__bottom_blocks_small .what_we_do_template_two__bottom_blocks__right .what_we_do_template_two__bottom_blocks__right_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    padding-top: 0.26042vw;
    height: 60%;
    width: 100%;
  }
  .what_we_do_template_two .text_component_main_container .cke_editable {
    padding-left: 0.05208vw;
  }
  .what_we_do_template_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 2.34375vw;
  }
  .what_we_do_template_three .what_we_do_template_three__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .what_we_do_template_three .what_we_do_template_three__left_top__line {
    width: 60%;
    height: 3.4375vw;
  }
  .what_we_do_template_three .what_we_do_template_three__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80%;
    width: 100%;
    padding: 1.5625vw 2.60417vw 0 2.60417vw;
  }
  .what_we_do_template_three .what_we_do_template_three__bottom .what_we_do_template_three__bottom_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.04167vw 3.125vw 0 2.60417vw;
  }
  .what_we_do_template_three .what_we_do_template_three__bottom .what_we_do_template_three__bottom_right {
    width: 40%;
    padding: 0 0.52083vw 0.52083vw 0vw;
  }
  .what_we_do_template_three .what_we_do_template_three__bottom .what_we_do_template_three__bottom_right img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .what_we_do_template_three_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48%;
    width: 100%;
  }
  .what_we_do_template_three_block .what_we_do_template_three_block__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .what_we_do_template_three_block .what_we_do_template_three_block__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .what_we_do_template_three_block .what_we_do_template_three_block__right .what_we_do_template_three_block__right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30%;
    width: 100%;
  }
  .what_we_do_template_three_block .what_we_do_template_three_block__right .what_we_do_template_three_block__right_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55%;
    width: 100%;
  }
  .what_we_do_template_four {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
  }
  .what_we_do_template_four .what_we_do_template_four__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 15%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 17.1875vw;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom {
    height: 85%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1.04167vw 1.04167vw 1.04167vw;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_left {
    width: 55%;
    padding: 1.5625vw;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_left img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 1.5625vw;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    height: 10.41667vw;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block_left {
    width: 20%;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block_right {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block_right_headline {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30%;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block_right_para {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35%;
  }
  .what_we_do_template_four .what_we_do_template_four__bottom_block_right--two .text_component_main_container .cke_editable {
    padding-left: 0.05208vw;
  }
  .project_details_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4.16667vw;
    padding-right: 1.5625vw;
    padding-top: 4.16667vw;
  }
  .project_details_one .project_details_one_left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .project_details_one .project_details_one_left_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
    height: 20%;
    padding-left: 0.26042vw;
  }
  .project_details_one .our_process_page_template_three_headline {
    width: 98%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .project_details_one .project_details_one_template_three__line {
    width: 0.26042vw;
    height: 2.60417vw;
    border-radius: 1.04167vw;
  }
  .project_details_one .project_details_one_left_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1.5625vw;
  }
  .project_details_one .project_details_one_left_bottom_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 0.52083vw;
    padding-bottom: 0.26042vw;
  }
  .project_details_one .our_process_page_template_three__line {
    width: 0.9375vw;
    height: 0.9375vw;
    display: block;
    margin-top: 0.52083vw;
    border-radius: 50%;
  }
  .project_details_one .project_details_one_left_bottom_row_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3.38542vw;
    display: flex;
    word-break: break-all;
    padding: 0 0 0.67708vw 0;
  }
  .project_details_one .project_details_one_right {
    width: 50%;
    height: 80%;
    padding: 1.04167vw;
    padding-left: 0;
  }
  .project_details_one .project_details_one_right img {
    width: 100%;
    height: 100%;
  }
  .project_details_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project_details_two .project_details_two__line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
    display: block;
  }
  .project_details_two .project_details_two_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 95%;
    padding: 1.5625vw 1.04167vw 1.04167vw 2.08333vw;
  }
  .project_details_two .project_details_two_right_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .project_details_two .project_details_two_right_left_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .project_details_two .project_details_two__line_right_top {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .project_details_two .project_details_two_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    height: 4.6875vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .project_details_two .project_details_two_right_left_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.04167vw 0.52083vw 0 6.77083vw;
  }
  .project_details_two .project_details_two_right_left_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.04167vw;
  }
  .project_details_two .project_details_two_right_left_bottom_block_headline {
    display: block;
    width: 100%;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.26042vw;
  }
  .project_details_two .project_details_two_right_left_bottom_block_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 5.20833vw;
  }
  .project_details_two .project_details_two_right_img {
    width: 50%;
    padding: 2.60417vw 1.04167vw 1.04167vw 1.04167vw;
  }
  .project_details_two .project_details_two_right_img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .project_details_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 1.04167vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .project_details_three .project_details_three_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 5.20833vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .project_details_three .project_details_three_top_headline {
    width: 85%;
    height: 3.38542vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.52083vw;
    padding: 0.52083vw;
  }
  .project_details_three .project_details_three_top_headline .text_component_main_container {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .project_details_three .project_details_three__line_top {
    display: block;
    margin-left: 0.78125vw;
    width: 0.26042vw;
    border-radius: 1.04167vw;
    height: 2.60417vw;
  }
  .project_details_three .project_details_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5625vw 4.16667vw 0.52083vw 1.30208vw;
  }
  .project_details_three .project_details_three_bottom_left {
    width: 40%;
  }
  .project_details_three .project_details_three_bottom_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .project_details_three .project_details_three_bottom_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.04167vw;
    padding-left: 1.5625vw;
  }
  .project_details_three .project_details_three_bottom_right_top {
    width: 100%;
    display: flexs;
    padding-bottom: 1.04167vw;
  }
  .project_details_three .project_details_three_bottom_right_top_headline {
    width: 100%;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.26042vw;
  }
  .project_details_three .project_details_three_bottom_right_top_para {
    width: 100%;
    height: 7.29167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project_details_three .project_details_three_bottom_right_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project_details_three .project_details_three_bottom_right_bottom_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
  }
  .project_details_three .project_details_three_bottom_right_bottom_block_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.5625vw;
  }
  .project_details_three .project_details_three_bottom_right_bottom_block_para {
    width: 100%;
    height: 8.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.04167vw;
  }
  .project_details_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 2.60417vw;
  }
  .project_details_four .project_details_four_left {
    width: 50%;
    padding-left: 4.16667vw;
  }
  .project_details_four .project_details_four_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .project_details_four .project_details_four_left_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.60417vw;
  }
  .project_details_four .project_details_four_left_bottom_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 0.52083vw;
    padding-bottom: 1.5625vw;
  }
  .project_details_four .project_details_four_left_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
  }
  .project_details_four .project_details_four_left_bottom_block_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    padding-top: 0.52083vw;
  }
  .project_details_four .project_details_four_left_bottom_block_left .icon_selection_component_main_container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .project_details_four .project_details_four_left_bottom_block_left .icon_selection_component_main_container_selected {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .project_details_four .project_details_four_left_bottom_block_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .project_details_four .project_details_four_left_bottom_block_right .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .project_details_four .project_details_four_left_bottom_block_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.04167vw;
  }
  .project_details_four .project_details_four_left_bottom_block_right_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.60417vw;
  }
  .project_details_four .project_details_four_right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6.77083vw 1.5625vw 5.20833vw 2.60417vw;
  }
  .project_details_four .project_details_four_right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_capabilities_template_one .our_capabilities_template_one__left__line {
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .our_capabilities_template_one .our_capabilities_template_one__container {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_capabilities_template_one .our_capabilities_template_one__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .our_capabilities_template_one .our_capabilities_template_one__top .our_capabilities_template_one__top_black_dot {
    display: block;
    height: 1.14583vw;
    width: 1.14583vw;
  }
  .our_capabilities_template_one .our_capabilities_template_one__top .our_capabilities_template_one__top_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.11458vw;
    width: 70%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_capabilities_template_one .our_capabilities_template_one__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80%;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 2.60417vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .our_capabilities_template_one .our_capabilities_template_one__bottom .our_capabilities_template_one__bottom_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18.22917vw;
    width: 23%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_capabilities_template_one .our_capabilities_template_one__bottom .our_capabilities_template_one__bottom_blocks .our_capabilities_template_one_icon_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .our_capabilities_template_one .our_capabilities_template_one__bottom .our_capabilities_template_one__bottom_blocks .our_capabilities_template_one_text_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25%;
    width: 100%;
  }
  .our_capabilities_template_four {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.60417vw 4.16667vw 2.60417vw 4.16667vw;
  }
  .our_capabilities_template_four .our_capabilities_template_four__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.60417vw;
  }
  .our_capabilities_template_four .our_capabilities_template_four__top .our_capabilities_template_four__headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75vw;
    width: 38%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our_capabilities_template_four .our_capabilities_template_four__top .our_capabilities_template_four__top__line {
    display: block;
    width: 0.26042vw;
    border-radius: 1.04167vw;
    height: 50%;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom {
    padding-top: 1.04167vw;
    margin-top: 2.60417vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    width: 100%;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32%;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks .our_capabilities_template_four__bottom_blocks_small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 22.91667vw;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks .our_capabilities_template_four__bottom_blocks_small .our_capabilities_template_four__bottom_blocks__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 25%;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks .our_capabilities_template_four__bottom_blocks_small .our_capabilities_template_four__bottom_blocks__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 75%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 1.5625vw;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks .our_capabilities_template_four__bottom_blocks_small .our_capabilities_template_four__bottom_blocks__right .our_capabilities_template_four__bottom_blocks__right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30%;
    width: 100%;
    word-break: break-all;
  }
  .our_capabilities_template_four .our_capabilities_template_four__bottom .our_capabilities_template_four__bottom_blocks .our_capabilities_template_four__bottom_blocks_small .our_capabilities_template_four__bottom_blocks__right .our_capabilities_template_four__bottom_blocks__right_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.52083vw;
    height: 70%;
    width: 100%;
    word-break: break-all;
  }
  .our_capabilities_template_four .text_component_main_container .cke_editable {
    padding-left: 0.52083vw;
  }
  .our_capabilities_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    word-break: break-all;
  }
  .our_capabilities_template_two .our_capabilities_template_two__left__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
    height: 2.55208vw;
    border-radius: 0.26042vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 70%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20%;
  }
  .our_capabilities_template_two .our_capabilities_template_two_headline {
    width: 55%;
    height: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_capabilities_template_two .our_capabilities_template_two__top__line {
    width: 0.26042vw;
    height: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1.04167vw;
    margin: auto 0.52083vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1.5625vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 4.16667vw;
    padding-right: 2.60417vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_right {
    width: 40%;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_block {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.78125vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_icon {
    width: 10%;
    height: 100%;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_icon .icon_selection_component_main_container {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_icon .icon_selection_component_main_container_selected {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    color: white;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.82292vw;
    padding-top: 0.26042vw;
    margin-bottom: 0.26042vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.60417vw;
    padding-bottom: 0.52083vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_background {
    width: 100%;
    height: 100%;
    height: auto;
    display: block;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_icon .icon_selection_component_main_container {
    width: 4.6875vw;
    height: 4.67188vw;
  }
  .our_capabilities_template_two .our_capabilities_template_two_bottom_left_icon .icon_selection_component_main_container_selected {
    width: 4.6875vw;
    height: 4.67188vw;
  }
  .our_capabilities_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_capabilities_template_three .our_capabilities_template_three_top {
    width: 85%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_capabilities_template_three .our_capabilities_template_three_headline {
    width: 90%;
    height: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .our_capabilities_template_three .our_capabilities_template_three__top__line {
    width: 0.3125vw;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 1.04167vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto 0.26042vw;
  }
  .our_capabilities_template_three .our_capabilities_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5625vw 3.64583vw 1.04167vw 4.16667vw;
    width: 100%;
  }
  .our_capabilities_template_three .our_capabilities_template_three_bottom_outer {
    width: 25%;
    margin: 0 0.78125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: white;
  }
  .our_capabilities_template_three .our_capabilities_template_two_bottom_inner {
    padding: 1.04167vw 1.5625vw 1.5625vw 0;
  }
  .our_capabilities_template_three .our_capabilities_template_three_bottom_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    height: 2.60417vw;
    margin-bottom: 0.26042vw;
    word-break: break-all;
  }
  .our_capabilities_template_three .our_capabilities_template_three_bottom_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 17.1875vw;
    word-break: break-all;
  }
  .vission_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding-top: 2.60417vw;
    padding-right: 2.60417vw;
    padding-left: 2.60417vw;
  }
  .vission_template_one .vission_template_one_left {
    width: 45%;
    margin-top: 1.5625vw;
    padding: 2.60417vw;
  }
  .vission_template_one .vission_template_one_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .vission_template_one .vission_template_one_right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5.20833vw 1.5625vw 1.5625vw 1.04167vw;
  }
  .vission_template_one .vission_template_one_right_top {
    width: 40%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0.78125vw;
  }
  .vission_template_one .vission_template_one_headline {
    width: 90%;
    height: 3.64583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vission_template_one .vission_template_one_top_line {
    width: 0.3125vw;
    height: 2.34375vw;
    border-radius: 1.04167vw;
  }
  .vission_template_one .vission_template_one_para {
    width: 100%;
    height: 4.89583vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.04167vw;
    margin-bottom: 1.5625vw;
    padding-left: 1.5625vw;
  }
  .vission_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-bottom: 1.04167vw;
  }
  .vission_template_two .vission_template_two_headline {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 4.16667vw;
  }
  .vission_template_two .vission_template_two_middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60%;
    padding-left: 2.60417vw;
    padding-right: 5.20833vw;
  }
  .vission_template_two .vission_template_two_middle_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
  }
  .vission_template_two .vission_template_two_middle_left img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .vission_template_two .vission_template_two_middle_right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0.52083vw;
  }
  .vission_template_two .vission_template_two_middle_para {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.04167vw;
    margin-bottom: 1.5625vw;
  }
  .vission_template_two .vission_template_two_bottom_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 70%;
    height: 2.60417vw;
    border-radius: 0.26042vw;
  }
  .vission_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 2.60417vw 1.04167vw 2.60417vw;
  }
  .vission_template_three .vission_template_three_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 45%;
    padding: 1.04167vw 1.04167vw 0 2.08333vw;
  }
  .vission_template_three .vission_template_three_left_top {
    width: 90%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vission_template_three .vission_template_three_left_headline {
    width: 90%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vission_template_three .vission_template_three_top_line {
    display: block;
    width: 0.3125vw;
    height: 40%;
    margin-left: 0.52083vw;
    border-radius: 1.04167vw;
  }
  .vission_template_three .vission_template_three_left_para_outer {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: white;
    margin: 0.52083vw 0.78125vw;
  }
  .vission_template_three .vission_template_three_left_para_inner {
    padding: 1.5625vw 1.5625vw 1.5625vw 0.52083vw;
  }
  .vission_template_three .vission_template_three_left_para_head {
    width: 100%;
    height: 2.60417vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.52083vw;
  }
  .vission_template_three .vission_template_three_left_para_para {
    width: 100%;
    height: 16.66667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vission_template_three .vission_template_three_right {
    width: 55%;
    margin: 6.25vw 1.5625vw 5.20833vw 1.04167vw;
  }
  .vission_template_three .vission_template_three_right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .vission_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vission_template_four .vission_template_four_left_line {
    display: block;
    width: 2.86458vw;
    height: 100%;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .vission_template_four .vission_template_four_right {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 2.60417vw 1.5625vw 4.16667vw;
  }
  .vission_template_four .vission_template_four_left {
    width: 50%;
    padding: 2.60417vw 1.04167vw 1.04167vw 1.5625vw;
  }
  .vission_template_four .vission_template_four_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .vission_template_four .vission_template_four_right_container {
    width: 50%;
    height: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.64583vw 2.60417vw 2.08333vw 1.04167vw;
  }
  .vission_template_four .vission_template_four_right_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 20%;
  }
  .vission_template_four .vission_template_four_dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .vission_template_four .vission_template_four_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    height: 4.11458vw;
  }
  .vission_template_four .vission_template_four_right_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 6.51042vw;
    padding: 0.52083vw;
    padding-top: 0;
  }
  .business_model_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .business_model_template_one .business_model_template_one_left_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .business_model_template_one .business_model_template_one_right {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 4.16667vw 2.60417vw 1.04167vw 2.60417vw;
  }
  .business_model_template_one .business_model_template_one_left {
    width: 55%;
    padding: 3.64583vw 1.04167vw 1.04167vw 1.04167vw;
  }
  .business_model_template_one .business_model_template_one_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .business_model_template_one .business_model_template_one_right_container {
    width: 45%;
    height: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.5625vw 1.5625vw 0.52083vw 1.04167vw;
  }
  .business_model_template_one .business_model_template_one_right_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .business_model_template_one .business_model_template_one_dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .business_model_template_one .business_model_template_one_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    height: 4.6875vw;
    word-break: break-all;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .business_model_template_one .business_model_template_one_right_para {
    width: 100%;
    height: 6.25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    padding-top: 0.52083vw;
    padding-bottom: 0.52083vw;
  }
  .business_model_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.60417vw 1.5625vw 1.04167vw 2.60417vw;
  }
  .business_model_template_two .business_model_template_two_left {
    width: 50%;
    padding: 1.5625vw;
  }
  .business_model_template_two .business_model_template_two_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .business_model_template_two .business_model_template_two_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
    height: 70%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.60417vw 1.5625vw 0.52083vw 1.04167vw;
  }
  .business_model_template_two .business_model_template_two_right_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .business_model_template_two .business_model_template_two_headline {
    width: 80%;
    height: 4.6875vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .business_model_template_two .business_model_template_two_top_line {
    width: 0.26042vw;
    height: 50%;
    margin-left: 0.52083vw;
    display: block;
    border-radius: 1.04167vw;
  }
  .business_model_template_two .business_model_template_two_para {
    width: 100%;
    height: 5.46875vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.26042vw 0.26042vw 0.52083vw 0.78125vw;
  }
  .business_model_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 2.08333vw 0 1.04167vw 2.60417vw;
  }
  .business_model_template_three .business_model_template_three_top_line {
    width: 50%;
    height: 2.55208vw;
    border-radius: 0.3125vw;
  }
  .business_model_template_three .business_model_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2.60417vw 3.125vw 1.04167vw 2.60417vw;
  }
  .business_model_template_three .business_model_template_three_bottom_left {
    width: 45%;
    padding: 1.82292vw 1.5625vw 1.5625vw 1.04167vw;
  }
  .business_model_template_three .business_model_template_three_bottom_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .business_model_template_three .business_model_template_three_bottom_right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.52083vw 2.60417vw 0.52083vw 1.5625vw;
  }
  .business_model_template_three .business_model_template_three_bottom_right_headline {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .business_model_template_three .business_model_template_three_bottom_right_para {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
    padding: 0.26042vw 0 0.26042vw 0.26042vw;
  }
  .business_model_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw;
  }
  .business_model_template_four .business_model_template_four_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .business_model_template_four .business_model_template_four_middle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.04167vw 1.5625vw 1.04167vw 2.60417vw;
  }
  .business_model_template_four .business_model_template_four_middle_para {
    width: 50%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .business_model_template_four .business_model_template_four_middle_bottom {
    width: 55%;
    height: 20.83333vw;
    margin: 1.5625vw 1.04167vw 0.52083vw 1.04167vw;
  }
  .business_model_template_four .business_model_template_four_middle_bottom img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .financial_analysis_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .financial_analysis_template_one .financial_analysis_template_one_left_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .financial_analysis_template_one .financial_analysis_template_one_right {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 2.60417vw 1.5625vw 2.60417vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .financial_analysis_template_one .financial_analysis_template_one_left {
    width: 50%;
    padding: 1.5625vw 2.08333vw 0.52083vw 1.5625vw;
  }
  .financial_analysis_template_one .financial_analysis_template_one_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .financial_analysis_template_one .financial_analysis_template_one_right_container {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  }
  .financial_analysis_template_one .financial_analysis_template_one_right_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .financial_analysis_template_one .financial_analysis_template_one_dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .financial_analysis_template_one .financial_analysis_template_one_right_headline {
    width: 95%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .financial_analysis_template_one .financial_analysis_template_one_right_para {
    width: 100%;
    height: 6.77083vw;
    margin-top: 4.16667vw;
    padding: 1.04167vw;
    padding-left: 0.52083vw;
  }
  .financial_analysis_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 4.16667vw 2.60417vw 2.60417vw 2.60417vw;
  }
  .financial_analysis_template_two .financial_analysis_template_two_left {
    width: 50%;
    padding: 1.5625vw;
  }
  .financial_analysis_template_two .financial_analysis_template_two_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .financial_analysis_template_two .financial_analysis_template_two_right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5625vw 1.04167vw 1.04167vw 1.04167vw;
  }
  .financial_analysis_template_two .financial_analysis_template_two_right_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.52083vw;
  }
  .financial_analysis_template_two .financial_analysis_template_two_headline {
    width: 95%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .financial_analysis_template_two .financial_analysis_template_two_top_line {
    width: 0.26042vw;
    height: 2.60417vw;
    border-radius: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .financial_analysis_template_two .financial_analysis_template_two_para {
    width: 100%;
    height: 6.04167vw;
    padding: 1.04167vw 0 1.04167vw 0.52083vw;
    margin-top: 1.5625vw;
    margin-bottom: 1.04167vw;
  }
  .financial_analysis_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 2.08333vw 0 1.04167vw 2.60417vw;
  }
  .financial_analysis_template_three .financial_analysis_template_three_top_line {
    width: 49%;
    height: 2.55208vw;
    border-radius: 0.3125vw;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1.5625vw 3.125vw 1.04167vw 2.60417vw;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom_left {
    width: 45%;
    padding: 1.82292vw 1.5625vw 1.5625vw 1.04167vw;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom_right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.52083vw 2.08333vw 0.52083vw 1.5625vw;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom_right_headline {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .financial_analysis_template_three .financial_analysis_template_three_bottom_right_para {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.04167vw;
    margin-bottom: 1.04167vw;
    padding: 0.52083vw 0 0.67708vw 0.26042vw;
  }
  .financial_analysis_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw;
    color: white;
  }
  .financial_analysis_template_four .financial_analysis_template_four_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .financial_analysis_template_four .financial_analysis_template_four_middle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.04167vw 1.5625vw 1.04167vw 2.60417vw;
    margin-top: 0.26042vw;
  }
  .financial_analysis_template_four .financial_analysis_template_four_middle_para {
    width: 50%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .financial_analysis_template_four .financial_analysis_template_four_middle_bottom {
    width: 50%;
    height: 55%;
    margin: 1.5625vw 1.04167vw 0.26042vw 1.04167vw;
  }
  .financial_analysis_template_four .financial_analysis_template_four_middle_bottom img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .contact_us_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contact_us_template_one .contact_us_template_one_left_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .contact_us_template_one .contact_us_template_one_right {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.60417vw 2.60417vw 1.04167vw 2.60417vw;
  }
  .contact_us_template_one .contact_us_template_one_left {
    width: 55%;
    padding: 3.64583vw 1.04167vw 1.04167vw 1.04167vw;
  }
  .contact_us_template_one .contact_us_template_one_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .contact_us_template_one .contact_us_template_one_right_container {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.38542vw 1.5625vw 0.52083vw 1.04167vw;
  }
  .contact_us_template_one .contact_us_template_one_right_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.5625vw;
  }
  .contact_us_template_one .contact_us_template_one_dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .contact_us_template_one .contact_us_template_one_right_headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    height: 4.6875vw;
    word-break: break-all;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact_us_template_one .contact_us_template_one_right_para {
    width: 100%;
    height: 1.82292vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    margin-top: 0.52083vw;
    margin-bottom: 0.52083vw;
    padding: 0.26042vw 0.26042vw 0.26042vw 1.5625vw;
  }
  .contact_us_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 5.20833vw 2.60417vw 2.60417vw 2.60417vw;
  }
  .contact_us_template_two .contact_us_template_two_left {
    width: 55%;
    padding: 1.5625vw;
  }
  .contact_us_template_two .contact_us_template_two_left img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .contact_us_template_two .contact_us_template_two_right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.04167vw 1.5625vw 1.5625vw 1.5625vw;
  }
  .contact_us_template_two .contact_us_template_two_right_top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.625vw;
  }
  .contact_us_template_two .contact_us_template_two_headline {
    width: 80%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact_us_template_two .contact_us_template_two_top_line {
    width: 0.26042vw;
    height: 2.55208vw;
    border-radius: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.52083vw;
  }
  .contact_us_template_two .contact_us_template_two_para {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.98958vw;
    padding: 1.04167vw 0 0.88542vw 0.52083vw;
    margin-top: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
  .contact_us_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contact_us_template_three .contact_us_template_three_block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.16667vw 2.60417vw 2.60417vw 2.60417vw;
  }
  .contact_us_template_three .contact_us_template_three_left {
    width: 55%;
    margin: 1.5625vw;
  }
  .contact_us_template_three .contact_us_template_three_left img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .contact_us_template_three .contact_us_template_three_right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 3.64583vw 1.5625vw 0.52083vw 1.04167vw;
  }
  .contact_us_template_three .contact_us_template_three_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.04167vw;
  }
  .contact_us_template_three .contact_us_template_three_para {
    width: 100%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.625vw 0;
    margin-top: 0.52083vw;
    margin-bottom: 1.04167vw;
  }
  .contact_us_template_three .contact_us_template_three_bottom_line {
    display: block;
    width: 55%;
    height: 2.55208vw;
    border-radius: 0.3125vw;
  }
  .contact_us_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.60417vw 2.60417vw 2.60417vw 2.60417vw;
  }
  .contact_us_template_four .contact_us_template_four_headline {
    width: 100%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact_us_template_four .contact_us_template_four_middle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.04167vw 1.5625vw 1.04167vw 2.60417vw;
    margin-top: 0.26042vw;
  }
  .contact_us_template_four .contact_us_template_four_middle_para {
    width: 50%;
    height: 4.94792vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
  }
  .contact_us_template_four .contact_us_template_four_middle_bottom {
    width: 50%;
    height: 20.83333vw;
    margin: 1.5625vw 1.04167vw 0.52083vw 1.04167vw;
  }
  .contact_us_template_four .contact_us_template_four_middle_bottom img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .swot_template_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .swot_template_one .swot_template_one_left__line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .swot_template_one .swot_template_one_right {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 1.5625vw 2.08333vw 1.04167vw 2.08333vw;
  }
  .swot_template_one .swot_template_one__top {
    width: 45%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_one .swot_template_one_top_black_dot {
    width: 1.14583vw;
    height: 1.14583vw;
    display: block;
  }
  .swot_template_one .swot_template_one_top_headline {
    width: 95%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_one .swot_template_one_bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw 1.04167vw 0 1.5625vw;
  }
  .swot_template_one .swot_template_one_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 25%;
    height: 18.22917vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0.52083vw;
  }
  .swot_template_one .swot_template_one_bottom_block_top {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 1.5625vw;
    height: 50%;
  }
  .swot_template_one .swot_template_one_bottom_block_top img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .swot_template_one .swot_template_one_bottom_block_bottom {
    width: 100%;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    padding: 0.52083vw;
  }
  .swot_template_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 4.16667vw 4.16667vw;
  }
  .swot_template_two .swot_template_two_top {
    width: 100%;
    height: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_two .swot_template_two_top_headline {
    width: 95%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_two .swot_template_three_top_line {
    width: 0.3125vw;
    height: 50%;
    border-radius: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0.52083vw;
  }
  .swot_template_two .swot_template_two_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0.52083vw;
  }
  .swot_template_two .swot_template_two_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 25%;
    height: 20.83333vw;
    margin: 1.04167vw 1.5625vw;
  }
  .swot_template_two .swot_template_two_bottom_block_top {
    width: 30%;
    height: 30%;
    margin: 1.5625vw 2.60417vw;
  }
  .swot_template_two .swot_template_two_bottom_block_top img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .swot_template_two .swot_template_two_bottom_block_bottom_para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70%;
    padding: 1.04167vw 1.5625vw 1.04167vw 0.52083vw;
    word-break: break-all;
  }
  .swot_template_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .swot_template_three .swot_template_three__top {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_three .swot_template_three_top_line {
    width: 45%;
    height: 2.55208vw;
    display: block;
    border-radius: 0.3125vw;
  }
  .swot_template_three .swot_template_three_top_headline {
    width: 55%;
    height: 4.11458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_three .swot_template_three_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.5625vw 2.60417vw 1.04167vw 2.60417vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .swot_template_three .swot_template_three_bottom_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 24%;
    height: 23.4375vw;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.78125vw 0.9375vw;
  }
  .swot_template_three .swot_template_three_bottom_block .text_component_main_container .cke_editable {
    padding-left: 0;
  }
  .swot_template_three .swot_template_three_bottom_block_top {
    width: 55%;
    height: 40%;
    margin: 1.5625vw;
  }
  .swot_template_three .swot_template_three_bottom_block_top img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .swot_template_three .swot_template_three_bottom_block_headline {
    width: 100%;
    height: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .swot_template_three .swot_template_three_bottom_block_bottom {
    width: 100%;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    padding-top: 0.52083vw;
    padding-bottom: 0.52083vw;
    padding-left: 0.52083vw;
    padding-right: 1.04167vw;
  }
  .swot_template_three .swot_template_three_side_line {
    width: 0.15625vw;
    height: 85%;
    border-radius: 1.04167vw;
  }
  .swot_template_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 2.60417vw 1.5625vw;
  }
  .swot_template_four .swot_template_four_headline {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .swot_template_four .swot_template_four_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 2.60417vw;
  }
  .swot_template_four .swot_template_four_bottom_block_left {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.78125vw 0.52083vw 0.52083vw 0.52083vw;
  }
  .swot_template_four .swot_template_four_bottom_block_inner {
    width: 100%;
    height: 8.07292vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 1.5625vw;
  }
  .swot_template_four .swot_template_four_bottom_block_inner_headline {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .swot_template_four .swot_template_four_bottom_block_inner_para {
    width: 100%;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.83333vw 0;
  }
  .swot_template_four .swot_template_four_bottom_block_middle {
    width: 30%;
    padding-bottom: 1.09375vw;
  }
  .swot_template_four .swot_template_four_bottom_block_middle img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .swot_template_four .swot_template_four_bottom_block_right {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .thank_you_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .thank_you_one .thank_you_one_line {
    width: 2.86458vw;
    height: 100%;
    display: block;
    border-radius: 0.52083vw 0 0 0.52083vw;
  }
  .thank_you_one .thank_you_one__left {
    width: 40%;
    height: 5.20833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.60417vw;
  }
  .thank_you_one .thank_you_one__right {
    width: 55%;
    height: 50%;
    padding-right: 2.60417vw;
  }
  .thank_you_one .thank_you_one__right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .thank_you_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .thank_you_two__left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .thank_you_two__left .thank_you_two__left_text {
    width: 50%;
    height: 20.83333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .thank_you_two__right {
    width: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.04167vw 4.16667vw 1.04167vw 0;
  }
  .thank_you_two__right img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .thank_you_three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .thank_you_three .thank_you_three_headline {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 3.125vw;
    margin-bottom: 1.04167vw;
  }
  .thank_you_three .thank_you_three_para {
    width: 20%;
    height: 1.04167vw;
    margin-bottom: 1.30208vw;
  }
  .thank_you_three .thank_you_three__img {
    width: 55%;
    height: 60%;
    margin: 1.82292vw auto;
  }
  .thank_you_three .thank_you_three__img img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .thank_you_three .thank_you_three_line {
    width: 80%;
    height: 2.55208vw;
    border-radius: 0.3125vw;
  }
  .thank_you_four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2.60417vw 0 2.60417vw;
  }
  .thank_you_four .thank_you_four_img {
    width: 55%;
    padding: 0 1.5625vw 0 1.5625vw;
  }
  .thank_you_four .thank_you_four_img imd {
    width: 100%;
    height: 100%;
    display: block;
  }
  .thank_you_four .thank_you_four_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 45%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 4.16667vw;
  }
  .thank_you_four .thank_you_four_headline {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.07292vw;
  }
  .thank_you_four .thank_you_four_para {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.08333vw;
    padding-top: 0.26042vw;
    padding-bottom: 0.52083vw;
  }
  .no_template_selected_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.60417vw;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9375vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .no_template_selected_message div:first-child {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/***************************
@NYLAS
***************************/
.modal_headline {
  margin-bottom: 1.82292vw;
}

.modal_one_main_container .upload_button {
  text-align: center;
}

.modal_one_main_container .file_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal_one_main_container .file_section .file_upload_section {
  width: 18.64583vw;
  height: 17.65625vw;
  background-color: #ececec;
  border-radius: 1.19792vw;
  padding: 2.23958vw;
}

.modal_one_main_container .file_section .file_upload_section .file_image {
  text-align: center;
  padding-top: 1.35417vw;
  padding-bottom: 1.82292vw;
}

.modal_one_main_container .file_section .file_upload_section .file_image .fa {
  font-size: 2.34375vw !important;
  color: rgba(0, 0, 0, 0.33);
}

.modal_one_main_container .file_section .file_upload_section .text_file {
  word-break: break-all;
  overflow: auto;
  height: 2.1875vw;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  font-size: 0.78125vw;
  font-weight: 400;
  font-family: "Poppins-Regular", sans-serif, "Helvetica";
  line-height: 1.19792vw;
  margin-bottom: 0;
}

.modal_one_main_container .file_section .file_options_section .file_label {
  font-size: 1.25vw;
  line-height: 1.82292vw;
  font-weight: 600;
  font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  margin-bottom: 1.04167vw;
}

.button_models {
  height: 3.33333vw;
  padding: 1.04167vw 3.90625vw 2.60417vw 0;
  text-align: right;
}

.btn-file.button_css {
  line-height: 2.65625vw;
  margin-bottom: 1.19792vw;
}

.button_css {
  width: 11.35417vw !important;
  height: 2.8125vw !important;
  border: none;
  color: #ffffff;
  border-radius: 1.97917vw;
  font-size: 1.09375vw;
  font-weight: 500;
  font-family: "Poppins-Medium", sans-serif, "Helvetica";
  background-color: #453890;
}

.file-upload-section__note {
  color: #707070;
  font-size: 0.625vw;
  font-style: italic;
  text-align: center;
  font-weight: 300;
  font-family: "Poppins-Light", sans-serif, "Helvetica";
}

.lead-status-dropDown--import-leads-modal-dropdown {
  width: 18.125vw;
  height: 2.39583vw;
  margin-bottom: 0.9375vw;
}

.lead-status-dropDown--import-leads-modal-dropdown .Dropdown-control {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #ececec;
  border-radius: 1.82292vw;
  padding: 0 !important;
}

.lead-status-dropDown--import-leads-modal-dropdown .Dropdown-placeholder {
  font-size: 0.83333vw;
  font-weight: 500;
  font-family: "Poppins-Medium", sans-serif, "Helvetica";
  line-height: 2.34375vw;
  margin-bottom: 0;
  padding-left: 1.04167vw;
  padding-right: 1.04167vw;
}

.lead-status-dropDown--import-leads-modal-dropdown .Dropdown-menu {
  width: inherit;
  border-radius: 0.26042vw;
  margin-top: 0.26042vw;
  padding: 0.52083vw 0.52083vw;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 11.97917vw;
}

.lead-status-dropDown--import-leads-modal-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
  padding: 0.26042vw 0.52083vw;
  font-size: 1.09375vw;
  font-weight: 600;
  font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
}

.modal_two_main_container .message_display {
  text-align: center;
  margin-bottom: 2.60417vw;
}

.file_titile_headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5.20833vw;
  padding-right: 5.20833vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.file_titile_headline .lead_file_keys {
  margin-bottom: 1.40625vw;
}

.file_titile_headline .lead_backend_keys {
  margin-bottom: 1.40625vw;
}

.field_mapping_container {
  height: 15.625vw;
  overflow: auto;
}

.dominate_leads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dominate_leads .dominate_lead_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20.83333vw;
}

.lead_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1.04167vw;
  width: 18.125vw;
  height: 2.39583vw;
  border-radius: 1.5625vw;
  background-color: #f9f9f9;
  font-weight: 500;
  font-family: "Poppins-Medium", sans-serif, "Helvetica";
  font-size: 0.9375vw;
  line-height: 1.82292vw;
}

.button_models_model_two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5.20833vw;
  padding-right: 5.20833vw;
  overflow: auto;
  height: 7.8125vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.button_models_model_two .warning_sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 400px;
  color: red;
}

.customModal--importLeads {
  width: 62.65625vw;
  height: 37.5vw !important;
}

.import-leads-modal-content {
  padding: 1.14583vw 3.125vw 1.5625vw 3.38542vw;
}

.file_options_section {
  padding-right: 3.125vw;
}

.banner_sec__col {
  margin-top: 4.53125vw;
  width: 36.45833vw;
  height: 21.77083vw;
  margin: 0 auto;
  margin-bottom: 1.04167vw;
  margin-top: 2.60417vw;
}

.banner_sec__col img {
  height: 100%;
  width: 100%;
}

.headline_sec_col {
  color: #54349f;
  font-size: 2.08333vw;
  line-height: 2.60417vw;
  font-weight: 500;
  font-family: "Poppins-Medium", sans-serif, "Helvetica";
  text-align: center;
  margin-bottom: 1.04167vw;
}

.paragrapgh_sec_col {
  text-align: center;
  font-size: 1.09375vw;
  font-weight: 300;
  font-family: "Poppins-Light", sans-serif, "Helvetica";
  margin-bottom: 1.5625vw;
}

.button_sec__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 1.5625vw;
}

.button_simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.85417vw;
  width: 17.96875vw;
  -webkit-box-shadow: 0 0.15625vw 0.3125vw #00000029;
          box-shadow: 0 0.15625vw 0.3125vw #00000029;
  border-radius: 0.26042vw;
  font-size: 1.04167vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  cursor: pointer;
  font-size: 1.09375vw;
  font-weight: 500;
  font-family: "Poppins-Medium", sans-serif, "Helvetica";
  margin-right: 1.5625vw;
}

.button_simple img {
  height: 2.03125vw;
  width: 2.03125vw;
}

.owa_button {
  background-color: #0279d7;
  color: white;
}

.dashboard_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 46.875vw;
  -ms-flex-item-align: center;
      align-self: center;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dashboard_section div {
  color: #000000;
  border-bottom: 2px dashed #000000;
  opacity: 0.24;
  font-size: 1.04167vw;
  padding-left: 1.04167vw;
  padding-right: 1.04167vw;
  cursor: pointer;
}

.setting_page__main_container_mailbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__left .banner_container__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 37.39583vw;
  padding: 5.20833vw;
  padding-right: 1.04167vw;
  padding-left: 1.04167vw;
  padding-bottom: 1.04167vw;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__left .banner_container__img img {
  height: 100%;
  width: 100%;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__left .button_goBack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 10.41667vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__left .button_goBack button {
  width: 20.10417vw;
  height: 4.27083vw;
  font-family: Poppins-Light;
  font-size: 1.5625vw;
  border-radius: 2.60417vw;
  border: 2px solid #502eff;
  color: #502eff;
}

.setting_page__main_container_mailbox .setting_page__main_container_mailbox__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mailbox_setting_headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.69792vw;
  width: 100%;
  margin-top: 5.20833vw;
  padding-left: 5.20833vw;
}

.mailbox_setting_headline .mailbox__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 3.64583vw;
}

.mailbox_setting_headline .mailbox__icons img {
  height: 100%;
  width: 100%;
}

.mailbox_setting_headline .textbox_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.72917vw;
  font-family: Poppins-Medium;
  font-size: 2.60417vw;
}

.headline_for_mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.71875vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5.20833vw;
  margin-top: 2.60417vw;
  margin-bottom: 1.5625vw;
}

.headline_for_mail .icons_place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5625vw;
  width: 1.5625vw;
}

.headline_for_mail .icons_place img {
  height: 100%;
  width: 100%;
}

.headline_for_mail .headline_text_mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.625vw;
  height: 1.71875vw;
  font-family: Poppins-Bold;
  font-size: 1.30208vw;
}

.active__accounts_main_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9.73958vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5.20833vw;
}

.active__accounts_main_container .pipe_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9.73958vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.04167vw;
  padding: 0;
}

.active__accounts_main_container .pipe_container img {
  height: 7.29167vw;
  width: 100%;
}

.active__accounts_main_container .content__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9.73958vw;
  width: 33.85417vw;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 15px;
  padding: 1.04167vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
}

.active_accounts_account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.15625vw solid rgba(0, 0, 0, 0.281);
}

.active_accounts_account .email_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  font-family: Poppins-Medium;
  font-size: 0.9375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.active_accounts_account .stop_sync_button_email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 9.21875vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.active_accounts_account .stop_sync_button_email button {
  height: 2.39583vw;
  width: 9.21875vw;
  border-radius: 2.60417vw;
  background-color: #ff4848;
  color: white;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
}

.use_as_default_account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.use_as_default_account .ac_email_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.use_as_default_account .ac_email_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Poppins-Medium;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.301);
}

.inactive__accounts_main_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20.83333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5.20833vw;
}

.inactive__accounts_main_container .pipe_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20.83333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.04167vw;
  padding: 0;
}

.inactive__accounts_main_container .pipe_container img {
  height: 17.70833vw !important;
  width: 100%;
}

.inactive__accounts_main_container .content__container {
  display: block;
  overflow: auto;
  height: 20.83333vw;
  width: 33.85417vw;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 15px;
  padding: 1.04167vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
}

.re_sync_email_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 9.21875vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.re_sync_email_button button {
  height: 2.39583vw;
  width: 9.21875vw;
  border-radius: 2.60417vw;
  background: transparent linear-gradient(103deg, #4568dc 0%, #b06ab3 100%) 0% 0% no-repeat padding-box;
  color: white;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
}

.content__container_halted {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9.73958vw;
  width: 33.85417vw;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 15px;
  padding: 1.04167vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content__container_halted .halted_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22.5vw;
  height: 2.70833vw;
  font-weight: 300;
  font-family: "Poppins-Light", sans-serif, "Helvetica";
  color: rgba(0, 0, 0, 0.381);
  font-size: 0.9375vw;
  text-align: center;
}

.content__container_halted .halted_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.6875vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content__container_halted .halted_button button {
  width: 13.54167vw;
  height: 3.4375vw;
  -webkit-box-shadow: 0 0.15625vw 0.3125vw #00000029;
          box-shadow: 0 0.15625vw 0.3125vw #00000029;
  border-radius: 1.5625vw;
  font-weight: 300;
  font-family: "Poppins-Light", sans-serif, "Helvetica";
  font-size: 1.04167vw;
  border-radius: 2.60417vw;
  border: none;
  background: transparent -webkit-gradient(linear, right top, left top, from(#502eff), to(#d1c7ff)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #502eff 0%, #d1c7ff 100%) 0% 0% no-repeat padding-box;
  color: white;
}

.email_dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46.875vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.email_dashboard .email_dashboard__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
}

.email_dashboard .email_dashboard__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 100%;
  background-color: transparent;
}

.email_dashboard__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.email_dashboard__top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 80%;
  background-color: blue;
}

.compose_email_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12.8125vw;
  height: 3.28125vw;
  background: transparent -webkit-gradient(linear, left top, right top, from(#BE93C5), to(#5B86E5)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #BE93C5 0%, #5B86E5 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 32px;
  opacity: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Poppins-Medium;
  font-size: 0.9375vw;
  color: white;
}

.email_compose_secondary_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46.875vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 1.04167vw;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
}

.email_to_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.52083vw;
  height: 4.16667vw;
  width: 100%;
}

.form_wrapper input {
  width: 100%;
}

.email_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 31.25vw;
  width: 100%;
  padding: 1.04167vw;
  border-bottom: 2px solid grey;
}

.email_body .cke .cke_inner {
  width: 100% !important;
}

.email_body .cke_bottom {
  display: none;
}

.email_body .cke_top {
  background-color: #7C8ECE !important;
  background-image: none;
}

.email_body .cke_button {
  background-color: whitesmoke !important;
}

.main_container_email_dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46.875vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main_container_email_dashboard .main_container_email_dashboard__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
}

.main_container_email_dashboard .main_container_email_dashboard__top .main_container_email_dashboard__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main_container_email_dashboard .main_container_email_dashboard__top .main_container_email_dashboard__top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 80%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main_container_email_dashboard .main_container_email_dashboard__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 100%;
}

.main_container_email_dashboard .main_container_email_dashboard__bottom .main_container_email_dashboard__bottom__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main_container_email_dashboard .main_container_email_dashboard__bottom .main_container_email_dashboard__bottom__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 80%;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  padding: 1.04167vw;
  border-radius: 10px;
}

.left_menu_controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 100%;
  padding: 1.04167vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.left_menu_controller .menu_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 39.0625vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.60417vw;
}

.left_menu_controller .exit_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.left_menu_controller .exit_section button {
  width: 8.17708vw;
  height: 2.70833vw;
  border: 0.26042vw solid #FF4848;
  border-radius: 2.60417vw;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
  color: #FF4848;
}

.menu_controller {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  padding-left: 1.04167vw;
  width: 100%;
  margin-bottom: 0.52083vw;
  color: rgba(0, 0, 0, 0.388);
}

.menu_controller .menu_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 3.64583vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.menu_controller .menu_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.04167vw;
  font-family: Poppins-Bold;
  font-size: 1.30208vw;
}

.menu_controller:hover {
  border-radius: 2.60417vw;
  background-color: rgba(0, 0, 0, 0.123);
}

.menu_controller_active {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  padding-left: 1.04167vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 0.52083vw;
  color: rgba(0, 81, 255, 0.514);
  border-radius: 2.60417vw;
  background-color: rgba(0, 0, 0, 0.123);
}

.menu_controller_active .menu_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 3.64583vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.menu_controller_active .menu_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.04167vw;
  font-family: Poppins-Bold;
  font-size: 1.30208vw;
}

.display_draft_main_container {
  display: block;
  height: 40.625vw;
  width: 100%;
  overflow: auto;
}

.draft_block_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 100%;
  border-bottom: 0.10417vw solid rgba(0, 0, 0, 0.212);
  margin-bottom: 0.26042vw;
}

.draft_block_container .checkbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 2.08333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.draft_block_container .star_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 3.125vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.draft_block_container .name_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 8%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Poppins-Light;
  font-size: 1.14583vw;
  color: rgba(255, 0, 0, 0.363);
}

.draft_block_container .subject_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 30%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Poppins-Bold;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.549);
}

.draft_block_container .snippet_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 30%;
  font-family: Poppins-Light;
  font-size: 0.83333vw;
  color: rgba(0, 0, 0, 0.349);
}

.draft_block_container .date_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 20%;
  font-family: Poppins-Medium;
  font-size: 0.83333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.draft_block_container .edit_icon_containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  width: 8%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.26042vw;
  padding-right: 0.26042vw;
}

.email_create_main_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47.91667vw;
  width: 100%;
  margin-top: 1.04167vw;
}

.email_create_main_container .email_create_left_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47.91667vw;
  width: 60%;
  padding-left: 7.8125vw;
  padding-right: 2.60417vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.email_create_main_container .email_create_right_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47.91667vw;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.04167vw;
}

.attachment_label_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.20833vw;
  width: 100%;
  border: 0.26042vw dashed rgba(0, 0, 0, 0.315);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.attachment_label_container .label_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
  color: rgba(0, 0, 0, 0.315);
}

.attachment_label_container .button_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.64583vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30%;
}

.display_thread_main_container {
  display: block;
  height: 40.625vw;
  width: 100%;
  overflow: auto;
}

.thread_block_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
  border-bottom: 0.10417vw solid rgba(0, 0, 0, 0.212);
  margin-bottom: 0.26042vw;
}

.thread_block_container .checkbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 2.08333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.thread_block_container .star_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 3.125vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.thread_block_container .name_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Poppins-Light;
  font-size: 0.9375vw;
}

.thread_block_container .subject_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 30%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Poppins-Bold;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.549);
}

.thread_block_container .snippet_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 30%;
  font-family: Poppins-Light;
  font-size: 0.83333vw;
  color: rgba(0, 0, 0, 0.349);
}

.thread_block_container .date_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 10.41667vw;
  font-family: Poppins-Medium;
  font-size: 0.83333vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.thread_block_container .edit_icon_containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.90625vw;
  width: 3.125vw;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.26042vw;
  padding-right: 0.26042vw;
}

.single_message_main_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 2px solid black;
}

.single_message_main_container .col_one_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.20833vw;
  width: 100%;
  padding-left: 1.04167vw;
  padding-right: 1.04167vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single_message_main_container .col_two_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.20833vw;
  width: 100%;
}

.single_message_main_container .col_three_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 15.625vw;
  width: 100%;
}

.view_labels {
  font-family: Poppins-Light;
}

.address_container_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
}

.address_container_m .from_email_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5625vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
}

.address_container_m .to_email_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5625vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Poppins-Medium;
  font-size: 0.9375vw;
}

.subject_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Poppins-Regular;
  font-size: 1.14583vw;
}

.body_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Poppins-Light;
  font-size: 0.83333vw;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.60417vw;
}

.option_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.20833vw;
}

.google_contacts_dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46.875vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contact_container_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
}

.contact_container_top .contact_container_top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact_container_top .contact_container_top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 80%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact_dashboard_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42.70833vw;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form_group_main_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form_group_main_container .form_group_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Poppins-Medium !important;
}

.form_group_main_container .form_group_row .form_group_coloum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page_controller_main_containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page_controller_main_containers .count_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 10.41667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page_controller_main_containers .controller_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 6.77083vw;
  align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.page_controller_main_containers .controller_section .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 2.60417vw;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.display_contacts_main_container {
  width: 78.85417vw;
  height: 40.10417vw;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 10px;
  opacity: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 1.04167vw;
}

.display_contacts_main_container .display_table_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.60417vw;
  width: 100%;
  border-bottom: 0.10417vw solid rgba(0, 0, 0, 0.199);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.display_contacts_main_container .display_table_head .theads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Poppins-Medium;
  font-size: 1.04167vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
}

.display_table_data_container {
  display: block;
  overflow: auto;
  height: 35.41667vw;
}

.display_table_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.16667vw;
  width: 100%;
  border-bottom: 0.10417vw solid rgba(0, 0, 0, 0.199);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.display_table_data .tbodys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  font-family: Poppins-Light;
  font-size: 0.9375vw;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.edit_cion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.08333vw;
  width: 2.08333vw;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 15px #00000029;
          box-shadow: 0px 3px 15px #00000029;
  border-radius: 1.04167vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon_events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  color: rgba(0, 0, 0, 0.226);
  height: 3.125vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.events_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
}

.events_table_container {
  display: block;
  overflow: auto;
  height: 38.02083vw;
  padding: 0.52083vw;
}

.events_block_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7.29167vw;
  margin-bottom: 0.26042vw;
  border-bottom: 0.10417vw solid rgba(0, 0, 0, 0.178);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.events_block_container .title_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.08333vw;
  width: 100%;
}

.events_block_container .description_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125vw;
  width: 100%;
}

.event_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.08333vw;
  width: 60%;
  font-family: Poppins-Medium;
  font-family: 0.9375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.52083vw;
  border-bottom: 0.10417vw dashed rgba(0, 0, 0, 0.178);
}

.time_events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.08333vw;
  width: 40%;
  font-family: Poppins-Medium;
  font-family: 0.9375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.52083vw;
}

.events_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125vw;
  width: 90%;
  font-family: Poppins-Medium;
  font-family: 0.9375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.52083vw;
  align-items: center;
}

.edit_events_cions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125vw;
  width: 10%;
  font-family: Poppins-Medium;
  font-family: 0.9375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.52083vw;
  align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/*===========================
 desktop components css end
 ===========================*/
/*=======================
 mobile components css
 =======================*/
@media screen and (max-width: 767px) {
  /* ===============================================================
                    
                all mobile styles import
                    
================================================================== */
  /* ===============================================================
                    
                    Global reset and css

================================================================== */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
  }
  a,
  a:hover {
    text-decoration: inherit !important;
    color: inherit !important;
  }
  button:focus,
  input:focus,
  textarea:focus {
    outline: 0 !important;
  }
  .outline-0 {
    outline: 0;
  }
  .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    display: none;
  }
  html {
    width: 100% !important;
  }
  html,
  body {
    overflow-x: hidden !important;
    font-size: 2.13333vw !important;
    color: #303030 !important;
    font-family: Poppins-Regular, sans-serif !important;
  }
  body {
    min-height: 100vh;
  }
  /* autocomplete chrome */
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus {
    border: 1px solid inherit;
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 52.08333vw transparent inset;
    -webkit-transition: background-color 0.5s ease-in-out 0s;
    transition: background-color 0.5s ease-in-out 0s;
  }
  *::-webkit-scrollbar {
    height: 1.46667vw;
    width: 1.46667vw;
  }
  *::-webkit-scrollbar-track {
    background: #d9d1f9;
    -webkit-box-shadow: 0 0 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 0.8vw rgba(128, 128, 128, 0.16);
    border-radius: 4.66667vw;
    margin: 1.33333vw;
  }
  *::-webkit-scrollbar-thumb {
    border-radius: 4vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  *::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  body::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  *::-webkit-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *:-ms-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *::-ms-input-placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  *::placeholder {
    color: #848484;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /*===========================
  Functional components css 
=============================*/
  .alphabates-filter-container {
    padding-left: 18.8vw;
    padding-right: 18.8vw;
  }
  .alphabates-filter-container .filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .alphabates-filter-container .filter-container .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.66667vw;
  }
  .alphabates-filter-container .filter-container .add-form-btn {
    background: #453890;
    border-radius: 5.06667vw;
    width: 29.06667vw;
    font-size: 2.8vw;
    height: 7.2vw;
    text-align: center;
    color: white;
    border-collapse: collapse;
    border: none;
    margin-left: 5.33333vw;
  }
  .alphabates-filter-container .alphabates-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3.6vw;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    width: 100%;
  }
  .edit-img,
  .edit-img-employee,
  .edit-img-customer,
  .edit-img-employee-column {
    cursor: pointer;
  }
  .opacity-0 {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  /* ===============================================================
                     
                        font size mobile
                    
================================================================== */
  .font-9-regular {
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.46667vw;
    margin-bottom: 0;
  }
  .font-10-regular {
    font-size: 2.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.26667vw;
    margin-bottom: 0;
  }
  .resp-font-12-regular {
    font-size: 3.2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.8vw;
    margin-bottom: 0;
  }
  .resp-font-12-italic {
    font-size: 3.2vw;
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    line-height: 4.8vw;
    margin-bottom: 0;
  }
  .resp-font-12-medium {
    font-size: 3.2vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.8vw;
    margin-bottom: 0;
  }
  .resp-font-18-medium {
    font-size: 4.8vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 6.93333vw;
    margin-bottom: 0;
  }
  .font-15-medium {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 6.13333vw;
    margin-bottom: 0;
  }
  .font-15-semibold {
    font-size: 4vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 6.13333vw;
    margin-bottom: 0;
  }
  /* ===============================================================
                    
                       mobile margin, padding
                    
================================================================== */
  .color-gray-resp {
    color: #707070;
  }
  .resp-mt-10 {
    margin-top: 2.66667vw;
  }
  .resp-mt-20 {
    margin-top: 5.33333vw;
  }
  .resp-mr-10 {
    margin-right: 2.66667vw;
  }
  .resp-mr-16 {
    margin-right: 4.26667vw;
  }
  .resp-mb-10 {
    margin-bottom: 2.66667vw;
  }
  .resp-mb-15 {
    margin-bottom: 4vw;
  }
  .resp-mb-30 {
    margin-bottom: 8vw;
  }
  .resp-pb-30 {
    padding-bottom: 8vw;
  }
  /* ===============================================================
                    
                        other mobile
                    
================================================================== */
  .resp-top-header {
    width: 100%;
    padding: 0;
    height: 0;
    overflow: auto;
    background: linear-gradient(306deg, #d1c7ff 0%, #502eff 100%) !important;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
    border-radius: 0 0 2.66667vw 2.66667vw;
  }
  .is-invalid {
    color: #ff4848;
    margin-top: 1.33333vw;
    font-size: 2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.06667vw;
  }
  /* ===============================================================
                    
                    Landing
                    
================================================================== */
  .resp-landing-page {
    color: #134151;
    min-height: 100vh;
    text-align: center;
    padding: 5.6vw 7.46667vw 5.6vw 4.53333vw;
    background: #E6E6E6;
    background: transparent linear-gradient(359deg, white 0%, #e6e6e6 100%) 0% 0%;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
  }
  .resp-landing-page__img {
    width: 100%;
    margin-bottom: 8vw;
  }
  .resp-landing-page__p {
    padding: 2.13333vw;
    margin-bottom: 3.2vw;
  }
  .resp-landing-page__btn {
    color: #FEFFFF;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    font-size: 3.46667vw;
    width: 38.93333vw;
    height: 8.26667vw;
    border: 0;
    background: rgba(0, 60, 255, 0.3);
    background: linear-gradient(134deg, rgba(0, 60, 255, 0.3) 0%, rgba(154, 184, 255, 0.3) 100%);
    border-radius: 6.93333vw;
  }
  .resp-landing-page__btn--authLogin {
    background: rgba(0, 60, 255, 0.5);
    background: linear-gradient(134deg, rgba(0, 60, 255, 0.5) 0%, rgba(154, 184, 255, 0.5) 100%);
  }
  .resp-landing-page__btn--authSignup {
    width: 25.6vw;
    background: rgba(0, 60, 255, 0.5);
    background: linear-gradient(146deg, rgba(0, 60, 255, 0.5) 0%, rgba(154, 184, 255, 0.5) 100%);
  }
  /* ===============================================================
                    
                    login signup
                    
================================================================== */
  .resp-auth-block {
    background: #ffffff;
    min-height: 100vh;
  }
  .resp-auth-block__bg {
    margin-top: 21.06667vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .resp-auth-block__bg__form {
    padding: 0 7.2vw;
  }
  .resp-auth-block__input {
    width: 100%;
    height: 6.93333vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    border: 1px solid #134151;
    border-radius: 4.53333vw;
    font-size: 2.66667vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 4.26667vw;
    color: rgba(19, 65, 81, 0.5);
  }
  .resp-auth-block__input::-webkit-input-placeholder {
    color: rgba(19, 65, 81, 0.21);
  }
  .resp-auth-block__input:-ms-input-placeholder {
    color: rgba(19, 65, 81, 0.21);
  }
  .resp-auth-block__input::-ms-input-placeholder {
    color: rgba(19, 65, 81, 0.21);
  }
  .resp-auth-block__input::placeholder {
    color: rgba(19, 65, 81, 0.21);
  }
  .resp-auth-block__border-gray {
    display: block;
    border-bottom: 1px solid #134151;
    opacity: 0.21;
    margin: 6.66667vw 5.33333vw 2.66667vw 5.33333vw;
  }
  .resp-auth-block__signupAlreadyText {
    color: rgba(23, 40, 48, 0.66);
    font-size: 2.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.26667vw;
    margin-bottom: 4.26667vw;
    text-align: center;
  }
  .resp-auth-block__signupTitleBlock {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 6.66667vw 2.66667vw 1.33333vw 2.66667vw;
    margin-bottom: 5.33333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-bottom: 1px solid rgba(19, 65, 81, 0.21);
  }
  /*===================================
    Workspace Login Pges css
=====================================*/
  .forget-password-confirmation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-login-page-main-conatiner {
    min-height: 100vh;
    position: relative;
    background-color: #f9debe;
    background-image: url("../../../img/auth/login-signup-bg-mobile.svg");
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5.33333vw;
    /*===========================
            Form Css
    =============================*/
  }
  .workspace-login-page-main-conatiner .fa-eye,
  .workspace-login-page-main-conatiner .fa-eye-slash {
    cursor: pointer;
    position: absolute;
    right: 9.33333vw;
    font-size: 3.33333vw;
    margin-top: 2vw;
  }
  .workspace-login-page-main-conatiner .workspace-login-page-main-conatiner__row {
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .workspace-login-page-main-conatiner .col-md-6 {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-login-page-main-conatiner .heading {
    text-align: center;
  }
  .workspace-login-page-main-conatiner .heading h1 {
    color: #453890;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0.66667vw;
    font-size: 6.13333vw;
    line-height: 6.13333vw;
  }
  .workspace-login-page-main-conatiner .heading p {
    font-size: 2.66667vw;
    line-height: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #453890;
    margin-bottom: 4.66667vw;
    text-transform: none;
  }
  .workspace-login-page-main-conatiner .workspcae-login-form {
    width: 100%;
    margin-top: 2vw;
    padding: 5.46667vw 6.66667vw 6.8vw 6.66667vw;
    border-radius: 3.46667vw;
    background-color: #f9debe;
    -webkit-box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
            box-shadow: 0 0.26042vw 0.78125vw rgba(189, 189, 189, 0.5);
  }
  .workspace-login-page-main-conatiner form {
    width: 100%;
  }
  .workspace-login-page-main-conatiner label {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
    margin-bottom: 2.93333vw;
  }
  .workspace-login-page-main-conatiner .form-group {
    margin-bottom: 5.2vw;
  }
  .workspace-login-page-main-conatiner .form-control-new {
    width: 100%;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    padding-bottom: 2vw;
    border-bottom: 0.4vw solid rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner .form-control-new:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .workspace-login-page-main-conatiner .form-control-new:focus {
    color: #54349f;
    background-color: transparent;
    border-color: rgba(84, 52, 159, 0.55);
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .workspace-login-page-main-conatiner input {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #54349f;
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(84, 52, 159, 0.55);
    padding-right: 8vw;
  }
  .workspace-login-page-main-conatiner input:-webkit-autofill,
  .workspace-login-page-main-conatiner input:-webkit-autofill:hover,
  .workspace-login-page-main-conatiner input:-webkit-autofill:focus {
    -webkit-text-fill-color: #54349f;
    border: 1px solid inherit;
    -webkit-box-shadow: 0 0 0 133.33333vw transparent inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
  }
  .workspace-login-page-main-conatiner ::-webkit-input-placeholder {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner :-ms-input-placeholder {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner ::-ms-input-placeholder {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner ::placeholder {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .workspace-login-page-main-conatiner button {
    width: 32.8vw;
    height: 7.46667vw;
    background-color: #54349f;
    border-radius: 3.73333vw;
    font-size: 4.26667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: none;
    color: #ffffff;
  }
  .workspace-login-page-main-conatiner .forgot-password {
    font-size: 2.66667vw;
    line-height: 4vw;
    font-family: Poppins-Medium;
    color: #54349f;
    display: inline-block;
  }
  .dominate-login-logo {
    text-align: center;
    margin-bottom: 7.33333vw;
  }
  .dominate-login-logo img {
    width: 38.66667vw;
    cursor: pointer;
  }
  .copyright_text_workspace {
    color: #453890;
    font-size: 2.66667vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
  }
  .heading-divider-workspace {
    width: 23.33333vw;
    margin: 0 auto;
    height: 3.06667vw;
    margin-top: 0;
    margin-bottom: 1.33333vw;
    display: block;
    background-image: url("../../../img/auth/yellow-underline.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  /* ===============================================================
                    
                  UPDATES LOGIN AND SIGNUP
                    
================================================================== */
  .updates-signup-text {
    margin-top: 4.53333vw;
    margin-bottom: 4.66667vw;
  }
  .updates-signup-text .updates-signup-text__gray {
    color: #808080;
    font-size: 3.33333vw;
    line-height: 5.06667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .updates-signup-text .updates-signup-text__blue {
    color: #453890;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .workspace-login-page-main-conatiner__bg-text {
    display: none;
    color: rgba(255, 255, 255, 0.21);
    font-size: 23.6vw;
    line-height: 18.93333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    position: absolute;
    left: -27.33333vw;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    top: 25.2vw;
  }
  .customOverlay--successMsg {
    background-image: url("../../../img/auth/dominate-auth-bg.svg") !important;
    background-position: inherit !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .plans0-img {
    width: 9.73333vw;
  }
  .plans1-img {
    width: 15.6vw;
  }
  .plans2-img {
    width: 8.4vw;
  }
  .plans3-img {
    width: 16vw;
  }
  .plans4-img {
    width: 7.6vw;
  }
  /* ===============================================================
                    
                    LOGIN AND SIGNUP CSS
                    
================================================================== */
  .dominate-login-logo {
    text-align: center;
    margin-top: 0;
    margin-bottom: 7.33333vw;
  }
  .dominate-login-logo img {
    width: 38.66667vw;
    cursor: pointer;
  }
  .copyright_text {
    margin-top: 4.16667vw;
    color: #453890;
    font-size: 1.04167vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
  }
  .login-container {
    padding: 6.66667vw;
    padding-top: 10.66667vw;
    min-height: 100vh;
    background-color: #f9debe;
    background-image: url("../../../img/auth/login-signup-bg-mobile.svg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /*====================
      Content css
    =====================*/
    /*====================
      Tabs custom css
    =====================*/
    /*====================
      Login Form Css
    =====================*/
  }
  .login-container .signup-content-div {
    margin-bottom: 4vw;
  }
  .login-container h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
    margin-bottom: 2vw;
    color: #000000;
  }
  .login-container p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
  }
  .login-container .signup-content-div h3,
  .login-container .signup-content-div p {
    color: #ffffff;
  }
  .login-container .rwt__tablist {
    text-align: center;
  }
  .login-container .heading-divider {
    width: 23.33333vw;
    margin: 0 auto;
    height: 3.06667vw;
    margin-top: 0;
    margin-bottom: 1.33333vw;
    background-image: url("../../../img/auth/yellow-underline.svg");
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .login-container .rwt__tab[aria-selected="true"] {
    position: relative;
    color: #000000;
    background-color: #ffffff;
    border-top-left-radius: 2.66667vw;
    border-top-right-radius: 2.66667vw;
  }
  .login-container .rwt__tab {
    color: #ffffff;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    padding: 4.66667vw 8.66667vw 0 8.66667vw;
    -webkit-transition: none;
    transition: none;
  }
  .login-container .rwt__tablist:not([aria-orientation="vertical"])
.rwt__tab[aria-selected="true"]:after {
    bottom: -1px;
    left: 0;
    width: 100%;
  }
  .login-container .rwt__tab[aria-selected="true"]:after {
    content: "";
    position: absolute;
  }
  .login-container .rwt__tab {
    width: 50%;
    font-family: Poppins-SemiBold;
    color: #ffffff;
    font-size: 4.66667vw;
    line-height: 5.06667vw;
  }
  .login-container .rwt__tabpanel {
    padding: 7.73333vw;
    border-bottom-left-radius: 2.66667vw;
    border-bottom-right-radius: 2.66667vw;
    background-color: white;
    -webkit-box-shadow: 0 0.4vw 1.6vw rgba(0, 0, 0, 0.41);
            box-shadow: 0 0.4vw 1.6vw rgba(0, 0, 0, 0.41);
  }
  .login-container .login-form-fields {
    margin-top: 6.66667vw;
    /*========================
        subscription fields css
      ===========================*/
    /*==========================
          progress bar css
      ===========================*/
  }
  .login-container .login-form-fields button {
    width: 32.8vw;
    height: 7.46667vw;
    background-color: #54349f;
    border-radius: 3.73333vw;
    font-size: 4.26667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: none;
    color: #ffffff;
  }
  .login-container .login-form-fields .back-btn {
    background-color: transparent;
    border: 0.26667vw solid #54349f;
    color: #54349f;
  }
  .login-container .login-form-fields label {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
    margin-bottom: 2.93333vw;
  }
  .login-container .login-form-fields .form-group {
    margin-bottom: 8vw;
  }
  .login-container .login-form-fields .form-control-new {
    width: 100%;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 0.4vw solid rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields .form-control-new:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #54349f;
  }
  .login-container .login-form-fields input {
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #54349f;
    margin: 0;
    border-bottom: 1px solid rgba(84, 52, 159, 0.55);
    padding-right: 6.66667vw;
  }
  .login-container .login-form-fields ::-webkit-input-placeholder {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields :-ms-input-placeholder {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields ::-ms-input-placeholder {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields ::placeholder {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: rgba(84, 52, 159, 0.55);
  }
  .login-container .login-form-fields .workspace-name-div {
    position: relative;
  }
  .login-container .login-form-fields .workspace-name-div .fa-eye,
  .login-container .login-form-fields .workspace-name-div .fa-eye-slash {
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 23%;
  }
  .login-container .login-form-fields .workspace-name-div p {
    font-size: 4.26667vw;
    line-height: 7.46667vw;
    color: #000000;
    margin: 0;
  }
  .login-container .login-form-fields label {
    color: #303030;
    font-size: 4vw;
    line-height: 6.13333vw;
    font-family: Poppins-Bold;
  }
  .login-container .login-form-fields .subscription .subscription-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 6.66667vw;
    border-radius: 5.33333vw;
    width: 74.13333vw;
    height: 17.06667vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 2.66667vw;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #502eff;
  }
  .login-container .login-form-fields .subscription .plan-content {
    width: 18.66667vw;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
  }
  .login-container .login-form-fields .subscription .plan-price {
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    font-size: 3.2vw;
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription .plan-name {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-size: 3.2vw;
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription .plan-users {
    font-family: Poppins-MediumItalic, sans-serif, "Helvetica";
    font-size: 2vw;
    line-height: 3.06667vw;
    margin-bottom: 0;
  }
  .login-container .login-form-fields .subscription-box.active-plan {
    background-image: url("../../../img/plans/active-plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    color: #ffffff;
  }
  .login-container .login-form-fields .subscription-box:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .subscription-box-1:hover {
    cursor: pointer;
  }
  .login-container .login-form-fields .form-progress-bar {
    margin-bottom: 8vw;
    border-top: 0.4vw solid #81ff04;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  .login-container .login-form-fields .form-progress-bar p {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 2.13333vw;
    line-height: 2.4vw;
    color: #495057;
    font-family: Poppins-Regular;
  }
  .login-container .login-form-fields .form-progress-1 {
    width: 16.66%;
  }
  .login-container .login-form-fields .form-progress-2 {
    width: 33.32%;
  }
  .login-container .login-form-fields .form-progress-3 {
    width: 49.98%;
  }
  .login-container .login-form-fields .form-progress-4 {
    width: 66.64%;
  }
  .login-container .login-form-fields .form-progress-5 {
    width: 83.3%;
  }
  .login-container .login-form-fields .form-progress-6 {
    width: 100%;
  }
  .subscription-box__imgBlock {
    margin: 0 auto;
  }
  .login-signup-tabs-container input {
    background-color: transparent;
    color: #54349f;
  }
  .login-signup-tabs-container input:-webkit-autofill,
  .login-signup-tabs-container input:-webkit-autofill:hover,
  .login-signup-tabs-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #54349f;
    border: 1px solid inherit;
    -webkit-box-shadow: 0 0 0 133.33333vw transparent inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
  }
  .login-signup-tabs-container .rwt__tab {
    color: rgba(69, 56, 144, 0.7);
  }
  .login-signup-tabs-container .rwt__tabs {
    width: 86.66667vw;
    margin: 0 auto;
  }
  .login-signup-tabs-container .rwt__tab[aria-selected="true"],
  .login-signup-tabs-container .rwt__tabpanel {
    background-color: #f9debe;
  }
  .login-signup-tabs-container .rwt__tab[aria-selected="true"] {
    color: #453890;
    -webkit-box-shadow: 0 -0.66667vw 2vw rgba(189, 189, 189, 0.22);
            box-shadow: 0 -0.66667vw 2vw rgba(189, 189, 189, 0.22);
    margin-bottom: 0;
  }
  .login-signup-tabs-container .rwt__tabpanel {
    -webkit-box-shadow: 0 0.66667vw 2vw rgba(189, 189, 189, 0.5);
            box-shadow: 0 0.66667vw 2vw rgba(189, 189, 189, 0.5);
  }
  .login-new-desc-text {
    color: rgba(149, 120, 177, 0.65);
    font-size: 4.26667vw !important;
    line-height: 5.73333vw !important;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    width: 40.26667vw;
    margin: 0 auto;
    text-align: center;
  }
  /* ===============================================================
                    
                    forget password
                    
================================================================== */
  .width-587 {
    width: 78.26667vw !important;
  }
  .forget-password-block {
    width: 100%;
    border-radius: 2.66667vw;
  }
  .forget-password-block .color-gray {
    color: rgba(48, 48, 48, 0.5);
  }
  .forget-password-block .width-370 {
    width: 49.33333vw;
  }
  .forget-password-title-block {
    background-color: #f9debe;
    -webkit-box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
    border-radius: 2.66667vw 2.66667vw 0 0;
    padding: 6.93333vw 6.93333vw 5.06667vw 6.93333vw;
    position: relative;
    color: #54349f;
  }
  .forget-password-content-block {
    background-color: #f9debe;
    -webkit-box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
    border-radius: 0 0 2.66667vw 2.66667vw;
    padding: 9.46667vw 7.73333vw 6.66667vw 7.6vw;
  }
  .forget-password-content-block .form-control-new {
    width: 100%;
    border-bottom-color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input {
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #54349f !important;
  }
  .forget-password-content-block input::-webkit-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input:-ms-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input::-ms-input-placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block input::placeholder {
    color: rgba(84, 52, 159, 0.55) !important;
  }
  .forget-password-content-block .bg-white-btn {
    border: 0.26667vw solid #54349f;
    background: transparent;
    color: #54349f;
  }
  .p-30-41 {
    padding: 5.46667vw 4vw;
  }
  .p-30 {
    padding: 4vw;
  }
  /*==================================
            Payment Css
===================================*/
  .expired-plans-update-sections {
    background-image: url("/static/media/dominate-auth-bg.ba9b293c.svg") !important;
    background-position: inherit !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .free-triel-subscription-ended-section {
    background-image: url("/static/media/dominate-auth-bg.ba9b293c.svg") !important;
    background-position: inherit !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .payment-main-conatiner {
    /*========================
        subscription fields css
      ===========================*/
  }
  .payment-main-conatiner label {
    color: #303030;
    font-size: 4vw;
    line-height: 6.13333vw;
    font-family: Poppins-Bold;
    margin-bottom: 3.46667vw;
  }
  .payment-main-conatiner .subscription .subscription-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 6.66667vw;
    width: 63.6vw;
    height: 20vw;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 0;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
    margin-top: 0;
    margin-bottom: 0.66667vw;
    background-image: url("../../../img/plans/plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #502eff;
  }
  .payment-main-conatiner .subscription .plan-content {
    width: 18.66667vw;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
  }
  .payment-main-conatiner .subscription .plan-price {
    font-family: Poppins-Italic, sans-serif, "Helvetica";
    font-size: 3.2vw;
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription .plan-name {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-size: 3.2vw;
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription .plan-users {
    font-family: Poppins-MediumItalic, sans-serif, "Helvetica";
    font-size: 2vw;
    line-height: 3.06667vw;
    margin-bottom: 0;
  }
  .payment-main-conatiner .subscription-box.active-plan {
    background-image: url("../../../img/plans/active-plans-bg.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    color: #ffffff;
  }
  .payment-main-conatiner .subscription-box:hover {
    cursor: pointer;
  }
  .payment-main-conatiner .subscription-box-1:hover {
    cursor: pointer;
  }
  .payment-main-conatiner .buttons-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: right;
    margin-top: 1.04167vw;
    padding: 0 9.33333vw;
  }
  .payment-main-conatiner .buttons-section .make-payment {
    margin-left: 4vw;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 31.33333vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 3.2vw;
  }
  .payment-main-conatiner .buttons-section .cancel-payment {
    background-color: transparent;
    border: 0.26667vw solid #502eff;
    width: 20vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: #502eff;
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    line-height: 4.13333vw;
    margin-right: 4vw;
  }
  /*===============================
    Delete Employee Popup css
  =================================*/
  .employee-delete-popup {
    width: 80vw !important;
  }
  .employee-delete-popup-container li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .employee-delete-popup-container img {
    height: auto;
    width: 6.66667vw;
    margin-left: 5.33333vw;
    margin-right: 2.66667vw;
  }
  .employee-delete-popup-container p {
    margin: 0;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .employee-delete-popup-container button {
    background-color: #ff4848;
    border: none;
    width: 20vw;
    height: 5.33333vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    line-height: 4.13333vw;
  }
  /*================================
      Warning employee css
  =================================*/
  .customModal--addLead.customModal-warning {
    max-width: 90%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 60.35417vw !important;
    border-radius: 1.78125vw;
    padding: 0 !important;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
  }
  .warning-employee-model {
    width: 78.26667vw !important;
  }
  .warning-employee-model .employee-warning-popup-container {
    padding: 4vw;
  }
  .warning-employee-model .employee-warning-popup-container h3 {
    font-family: Poppins-Bold;
    font-size: 4.26667vw;
    color: #333333;
    line-height: 4vw;
  }
  .warning-employee-model .warning-downgarade-section {
    padding-bottom: 4vw;
    background-color: #d3d3d329;
    height: 100%;
  }
  .warning-employee-model .current-plan-section {
    padding: 4vw;
  }
  .warning-employee-model .current-plan-section .detail-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.66667vw;
  }
  .warning-employee-model .current-plan-section .detail-section h4 {
    margin-bottom: 0;
    font-size: 2.4vw;
    color: #333333;
    margin-left: 4vw;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .current-plan-section .detail-section p {
    margin-left: 4vw;
    margin-bottom: 0;
    font-size: 2.4vw;
    color: #333333;
    font-family: Poppins-Regular;
  }
  .warning-employee-model .current-plan-section .detail-section img {
    width: 14.53333vw;
    height: 10.8vw;
  }
  .warning-employee-model .current-plan-section h3 {
    font-size: 3.2vw;
    line-height: 4vw;
    color: #333333;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .downgrading-plan-section {
    padding: 4vw;
  }
  .warning-employee-model .downgrading-plan-section .detail-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.66667vw;
  }
  .warning-employee-model .downgrading-plan-section .detail-section h4 {
    margin-bottom: 0;
    font-size: 2.4vw;
    color: #333333;
    margin-left: 4vw;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .downgrading-plan-section .detail-section p {
    margin-left: 4vw;
    margin-bottom: 0;
    font-size: 2.4vw;
    color: #333333;
    font-family: Poppins-Regular;
  }
  .warning-employee-model .downgrading-plan-section .detail-section img {
    width: 14.53333vw;
    height: 10.8vw;
  }
  .warning-employee-model .downgrading-plan-section h3 {
    font-size: 3.2vw;
    line-height: 4vw;
    color: #333333;
    font-family: Poppins-SemiBold;
  }
  .warning-employee-model .btn-section {
    text-align: center;
  }
  .warning-employee-model .btn-section .cancel-btn {
    width: 22.66667vw;
    height: 6.66667vw;
    background-color: transparent;
    border: 2px solid #502eff;
    color: #502eff;
    border-radius: 4.53333vw;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Bold;
    margin-right: 2.66667vw;
  }
  .warning-employee-model .btn-section .continue-btn {
    width: 22.66667vw;
    height: 6.66667vw;
    background-color: #502eff;
    border: 2px solid #502eff;
    color: white;
    border-radius: 4.53333vw;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Bold;
  }
  .payment-success-main-container {
    padding-top: 16vw;
    padding-bottom: 10.66667vw;
    min-height: 100vh;
    background-image: url("../../../img/auth/dominate-auth-bg.svg");
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0vw 0vw 5.33333vw #0000000c;
            box-shadow: 0vw 0vw 5.33333vw #0000000c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .payment-success-main-container .payment-success-box {
    width: 78.13333vw;
    height: 40vw;
  }
  .payment-success-main-container .heading {
    border-top-left-radius: 5.33333vw;
    border-top-right-radius: 5.33333vw;
    background-color: white;
    padding: 4vw;
  }
  .payment-success-main-container .heading h3 {
    color: #333333;
    font-size: 4vw;
    line-height: 4.13333vw;
    font-family: Poppins-Bold;
  }
  .payment-success-main-container .confirm-message {
    padding-top: 5.33333vw;
    padding-left: 4vw;
    padding-bottom: 4vw;
    border-bottom-left-radius: 3.33333vw;
    border-bottom-right-radius: 3.33333vw;
    background-color: #fafafa;
  }
  .payment-success-main-container .confirm-message p {
    font-size: 2.8vw;
    line-height: 4vw;
    color: #333333;
    font-family: Poppins-Regular;
    margin-bottom: 4vw;
  }
  .payment-success-main-container .confirm-message button {
    width: 26.66667vw;
    height: 6.66667vw;
    border-radius: 4.53333vw;
    color: white;
    border: none;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(343deg, #8cd9fa 0%, #2488cb 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488CB', endColorstr='#8CD9FA',GradientType=0 );
    /* ie6-9 */
  }
  .employee-delete-popup {
    padding: 0;
    border-radius: 2.66667vw;
  }
  .paymentDeleteModalContentTitleBlock {
    padding: 4vw;
  }
  .paymentDeleteModalContentTitle {
    font-size: 4.13333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 4vw;
    margin-bottom: 0;
  }
  .paymentDeleteModalContent__textBlock {
    padding: 2.26667vw 4vw 0 4vw;
  }
  .paymentDeleteModalContent {
    background-color: #fafafa;
    border-radius: 0 0 2.66667vw 2.66667vw;
  }
  .paymentDeleteModalContent ul {
    max-height: 64vw;
    overflow: auto;
    padding: 2.66667vw;
    margin: 0.66667vw 1.33333vw;
  }
  .paymentDeleteModalContent li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4.93333vw 4vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
    border-radius: 1.33333vw;
    margin-bottom: 1.33333vw;
  }
  .paymentDeleteModalContent img {
    height: auto;
    width: 10vw;
    margin-left: 4vw;
    margin-right: 6vw;
    border-radius: 50%;
  }
  .cancelBtnDeleteModal {
    width: 30.26667vw;
    height: 8.93333vw;
    color: #502eff;
    background: transparent;
    border: 0.53333vw solid #502eff;
    border-radius: 4.53333vw;
    font-size: 2.8vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .paymentDeleteModalContent__buttonBlock {
    margin-top: 8vw;
    padding: 0 6.8vw 4vw 6.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cancelBtnDeleteModal--delete {
    color: #ffffff;
    border: transparent;
    background: #502eff;
  }
  /*============================
    Employees CSS
=============================*/
  .employees-overview-container {
    padding-left: 18.8vw;
    padding-top: 4.8vw;
  }
  .fa-search,
  .fa-list:hover {
    cursor: pointer !important;
  }
  /*==========================
  Employees Block veiw css
============================*/
  .employees-block-view-conatiner {
    padding-left: 5.46667vw !important;
    padding-right: 5.46667vw !important;
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .employees-block-view-conatiner .employees-profile_card {
    margin-bottom: 4vw;
  }
  .employees-block-view-conatiner .employees-profile_card img {
    height: 25.2vw;
    width: 25.2vw;
    border-radius: 100%;
    margin-bottom: 4vw;
  }
  .employees-block-view-conatiner h3 {
    font-size: 3.06667vw;
    line-height: 4.53333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #303030;
  }
  .employees-block-view-conatiner p {
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #707070;
  }
  .employees-large-card-popup .employees-large-card {
    background-color: #ffffff;
    border-radius: 2vw;
    padding: 2.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .employees-large-card-popup .employees-large-card .employees-large-card__profileImg {
    height: auto;
    width: 26.66667vw;
    border-radius: 50%;
  }
  .employees-large-card-popup .employees-large-card .button-section {
    margin-top: 1.86667vw;
  }
  .employees-large-card-popup .employees-large-card .button-section h2 {
    font-size: 3.46667vw;
    line-height: 5.2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #1aff7c;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .employees-large-card-popup .employees-large-card .button-section .btn-funnel-view--emp {
    background: linear-gradient(306deg, rgba(80, 46, 255, 0.8) 0%, rgba(209, 199, 255, 0.8) 100%) !important;
  }
  .employees-large-card-popup .employees-large-card .attendance h3 {
    font-size: 10.66667vw;
    line-height: 12vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    color: rgba(48, 48, 48, 0.6);
    opacity: 0.6;
    margin-bottom: 0;
  }
  .employees-large-card-popup .employees-large-card .attendance p {
    font-size: 2.66667vw;
    line-height: 4.13333vw;
    color: #303030;
    margin-top: 0;
  }
  .employees-large-card-popup .employees-large-card .attendance .leaves-taken {
    margin-bottom: 4.66667vw;
  }
  .employees-large-card-popup .employees-large-card .lead-closure-rate-sphere {
    margin-top: 2.66667vw;
  }
  .employees-large-card-popup .employees-large-card .lead-closure-rate-sphere p {
    font-size: 2.66667vw;
    line-height: 4.13333vw;
    color: #303030;
    margin-top: 2vw;
  }
  .employees-large-card-popup .employees-large-card .lead-closure-rate-sphere .circle {
    display: block;
    border-radius: 50%;
    height: 31.86667vw;
    width: 31.86667vw;
    margin: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dca3ff), color-stop(#c9acff), color-stop(#b7b3ff), color-stop(#a7baff), color-stop(#9cbfff), color-stop(#8bc7ff), color-stop(#7cceff), color-stop(#71d5ff), color-stop(#5ee0ff), color-stop(#50ebff), color-stop(#4ef6f8), to(#5dffed));
    background-image: linear-gradient(to bottom, #dca3ff, #c9acff, #b7b3ff, #a7baff, #9cbfff, #8bc7ff, #7cceff, #71d5ff, #5ee0ff, #50ebff, #4ef6f8, #5dffed);
  }
  /*==========================
    Employees List veiw css
============================*/
  .employees-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 2vw;
    padding-left: 3.73333vw;
    padding-right: 3.73333vw;
    margin-bottom: 6.66667vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
  }
  .employees-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.13333vw solid rgba(48, 48, 48, 0.4);
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    padding-top: 4.53333vw;
    padding-bottom: 4.53333vw;
  }
  .employees-list-view-container .table td,
  .employees-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: baseline;
    border-top: transparent;
  }
  .employees-list-view-container img {
    height: auto;
    width: 7.33333vw;
    margin-right: 2.93333vw;
  }
  .edit-img-employee {
    height: auto !important;
    width: 4vw !important;
    margin-right: 0 !important;
    float: right;
  }
  .edit-img-employee-column {
    width: 1.33333vw !important;
  }
  .employees-table-title .name-heading {
    width: 105.33333vw;
    padding-left: 6.66667vw;
  }
  .employees-table-title .position-heading {
    width: 45.33333vw;
  }
  .employees-table-title .table,
  .employees-table-title thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 3.2vw;
    line-height: 4.66667vw;
  }
  /*===========================
    employees card modal
=============================*/
  .skylight-dialog {
    overflow: auto;
    width: 95% !important;
    min-height: 55.73333vw !important;
    position: fixed;
    top: 20% !important;
    left: 2% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    background-color: white;
    border-radius: 2vw !important;
    z-index: 100;
    padding: 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
            box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 1200ms;
            transition-duration: 1200ms;
  }
  /*================================
     Employee Approval Card css
=================================*/
  .employee-appreoval-card {
    margin-bottom: 4vw;
  }
  .employee-appreoval-card .card {
    background-color: #ffffff;
    border-radius: 1.33333vw;
    padding: 4vw;
    width: 70.13333vw;
    height: auto;
    border: none;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
  }
  .employee-appreoval-card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    padding: 2.4vw;
    border-bottom: 0.13333vw solid #30303047;
  }
  .employee-appreoval-card .employee-appreoval-card__profile-img {
    height: auto;
    width: 10vw;
    margin-right: 4vw;
    border-radius: 6.66667vw;
  }
  .employee-appreoval-card h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-appreoval-card p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .employee-appreoval-card h4 {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-appreoval-card .leave-type-and-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 3.33333vw;
  }
  .employee-appreoval-card button {
    margin-top: 0.66667vw;
    width: 23.6vw;
    height: 7.06667vw;
    border-radius: 3.73333vw;
    background-color: #ffffff;
    color: #303030;
    border: 0.26667vw solid #303030;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
  }
  .employee-appreoval-card .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    background-color: transparent;
    border-top: 0.13333vw solid #30303047;
  }
  .approval-pending-title {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-SemiBold;
    margin-bottom: 4vw;
  }
  /*==================================
      Set Employee Password
====================================*/
  .customModal.set-password-modal {
    width: 107.06667vw !important;
    padding: 0 !important;
    border-radius: 2.66667vw;
  }
  .set-employee-password .heading {
    border-top-left-radius: 2.66667vw;
    border-top-right-radius: 2.66667vw;
    background-color: #ffffff;
    padding-left: 6.66667vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 3.2vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .set-employee-password .password-content {
    overflow: auto;
    height: 53.33333vw;
    background-color: rgba(211, 211, 211, 0.16);
    padding: 2.66667vw 6.66667vw;
  }
  .set-employee-password .password-content .add-lead-input-field {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #303030;
  }
  .set-employee-password .password-content h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .set-employee-password .password-content p {
    font-size: 2.4vw;
    line-height: 3.6vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 2.66667vw;
  }
  .set-employee-password .password-content button {
    width: 21.33333vw;
    height: 5.33333vw;
    border-radius: 2.66667vw;
    background-color: #6266e1;
    color: white;
    border: 0.26667vw solid #303030;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Medium;
    float: right;
    border: none;
    margin-right: 4.66667vw;
  }
  .set-password-broken-link .heading {
    border-top-left-radius: 2.66667vw;
    border-top-right-radius: 2.66667vw;
    background-color: #ffffff;
    padding-left: 6.66667vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 3.2vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .set-password-broken-link .password-content {
    overflow: auto;
    height: 26.66667vw;
    background-color: rgba(211, 211, 211, 0.16);
    padding: 2.66667vw 6.66667vw;
  }
  .set-password-broken-link .password-content .add-lead-input-field {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #303030;
  }
  .set-password-broken-link .password-content h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .set-password-broken-link .password-content p {
    font-size: 2.4vw;
    line-height: 3.6vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 2.66667vw;
  }
  .set-password-broken-link .password-content button {
    width: 21.33333vw;
    height: 5.33333vw;
    border-radius: 2.66667vw;
    background-color: #6266e1;
    color: white;
    border: 0.26667vw solid #303030;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Medium;
    float: left;
    border: none;
    margin-right: 4.66667vw;
  }
  /*=====================================
    employee password set broken link
======================================*/
  /* ===============================================================
                    
                    success message modal
                    
================================================================== */
  .customModal--successMsg {
    width: 96.66667vw;
    padding: 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 5.33333vw;
  }
  .success-msg-logo-block {
    width: 100%;
    height: 20.4vw;
    background: white;
    border-radius: 5.33333vw 5.33333vw 0 0;
    -webkit-box-shadow: 0 0 4vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 4vw rgba(0, 0, 0, 0.05);
    position: relative;
  }
  .success-msg-copyright-block {
    padding-left: 13.86667vw;
    padding-top: 4.53333vw;
    width: 100%;
    height: 12.13333vw;
    background: white;
    -webkit-box-shadow: 0 0 4vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 4vw rgba(0, 0, 0, 0.05);
    border-radius: 0 0 5.33333vw 5.33333vw;
  }
  .success-msg-logo {
    width: 33.6vw;
    height: 10vw;
    margin-left: 13.2vw;
    margin-top: 5.2vw;
  }
  .success-msg-grey-bg-block {
    background: #fafafa;
    padding: 5.86667vw 13.33333vw 6.26667vw 13.86667vw;
    -webkit-box-shadow: 0 0 5.33333vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 5.33333vw rgba(0, 0, 0, 0.05);
  }
  .success-msg-btn {
    width: 30.26667vw;
    height: 8.93333vw;
    background: transparent linear-gradient(107deg, #8cd9fa 0%, #2488cb 100%);
    border-radius: 4.53333vw;
    border: 0;
    font-size: 2.8vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    color: #ffffff;
  }
  /*=================================================
                Warning Popups css
===================================================*/
  .warning-popup-container h1 {
    font-size: 4vw;
    line-height: 6.13333vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .warning-popup-container p {
    color: #7d7d7d;
    font-size: 2.93333vw;
    line-height: 3.6vw;
    font-family: Poppins-Regular;
  }
  .warning-popup-container .proceed-payment {
    background-color: #502eff;
    border: none;
    width: 33.33333vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    line-height: 4.13333vw;
  }
  .warning-popup-container .cancel {
    background-color: transparent;
    border: 0.26667vw solid #502eff;
    width: 20vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: #502eff;
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    line-height: 4.13333vw;
    margin-right: 4vw;
  }
  /* ===============================================================
                    
                        overview demo
                    
================================================================== */
  .overview-demo-outline-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 5.73333vw;
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: 2px solid #303030;
    border-radius: 3.6vw;
    background-color: transparent;
  }
  .overview-demo-red-bg-btn {
    padding-left: 4.66667vw;
    padding-right: 4.66667vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 9.73333vw;
    font-size: 4.26667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: 0;
    border-radius: 5.06667vw;
    color: #ffffff;
    background-color: #453890;
    -webkit-box-shadow: 0 0.4vw 0.8vw #80808028;
            box-shadow: 0 0.4vw 0.8vw #80808028;
    margin-bottom: 12.4vw;
  }
  .overview-demo__welcome-logo {
    width: 27.46667vw;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 6.13333vw;
    margin-top: 4vw;
  }
  .overview-demo__welcome-title {
    color: #303030;
    font-size: 7.46667vw;
    line-height: 11.33333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__screens-min-max-height {
    width: 100%;
    min-height: 50.4vw;
    max-height: 86.4vw;
    display: block;
  }
  .overview-demo__footer-absolute {
    position: absolute;
    bottom: 4.66667vw;
    width: 96.5%;
  }
  .overview-demo__screen-0,
  .overview-demo__screen-1,
  .overview-demo__screen-2,
  .overview-demo__screen-3,
  .overview-demo__screen-4,
  .overview-demo__screen-5,
  .overview-demo__screen-7,
  .overview-demo__screen-8,
  .overview-demo__screen-9,
  .overview-demo__screen-17 {
    height: auto;
    display: block;
    margin: 0 auto;
    width: 100%;
    background-color: #ffffff;
  }
  .overview-demo__screen-2,
  .overview-demo__screen-4,
  .overview-demo__screen-5,
  .overview-demo__screen-7,
  .overview-demo__screen-9 {
    border-radius: 2vw;
    -webkit-box-shadow: 0.66667vw 0.66667vw 4vw #80808089;
            box-shadow: 0.66667vw 0.66667vw 4vw #80808089;
  }
  .overview-demo__screen-0 {
    margin-bottom: 11.2vw;
  }
  .overview-demo__screen-1 {
    margin-bottom: 7.33333vw;
  }
  .overview-demo__screen-2 {
    width: 90%;
    margin-bottom: 3.33333vw;
  }
  .overview-demo__screen-3 {
    width: 80%;
    margin-bottom: 11.86667vw;
  }
  .overview-demo__screen-3--mt {
    margin-top: 11.46667vw;
  }
  .overview-demo__screen-4 {
    margin-bottom: 6vw;
    border-radius: 0;
  }
  .overview-demo__screen-5 {
    margin-bottom: 6vw;
  }
  .overview-demo__screen-8 {
    margin-bottom: 6vw;
  }
  .overview-demo__screen-9 {
    margin-top: 3.33333vw;
    margin-bottom: 6vw;
  }
  .overview-demo__screen-17 {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
  .overview-demo__titleBlock,
  .overview-demo__titleBlockDashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .overview-demo__titleBlock {
    margin: 4vw 4.26667vw 3.33333vw 4.26667vw;
  }
  .overview-demo__titleBlockDashboard {
    margin: 1.6vw 6.93333vw 4.26667vw 2.93333vw;
  }
  .overview-demo__titleBlock-logo {
    width: 29.73333vw;
    height: auto;
    display: block;
    margin-right: 2.66667vw;
  }
  .overview-demo__titleBlock_text-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.66667vw;
  }
  .overview-demo__titleBlock-title {
    font-size: 4.4vw;
    line-height: 6.66667vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__titleBlock-title__img {
    width: 8.93333vw;
    display: block;
    opacity: 0.67;
    margin-right: 3.6vw;
  }
  .overview-demo__desc,
  .overview-demo__descDashboard {
    font-size: 3.46667vw;
    line-height: 5.6vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .overview-demo__desc {
    text-align: center;
    padding-bottom: 3.33333vw;
    padding-left: 11.73333vw;
    padding-right: 14.13333vw;
  }
  .overview-demo__descDashboard {
    text-align: center;
    padding-bottom: 2.66667vw;
    padding-left: 6.93333vw;
    padding-right: 6.93333vw;
  }
  .overview-demo__descScreen3 {
    padding-left: 6.93333vw;
    padding-right: 6.93333vw;
    padding-top: 1.33333vw;
    font-size: 3.2vw;
    line-height: 5.46667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-bottom: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .overview-demo-red-bg-btn-next,
  .overview-demo-red-border-btn-prev {
    width: 30.93333vw;
    height: 8.26667vw;
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    -webkit-box-shadow: 0 0.4vw 0.8vw #80808028;
            box-shadow: 0 0.4vw 0.8vw #80808028;
    border-radius: 5.06667vw;
  }
  .overview-demo-red-bg-btn-next {
    border: 0;
    color: #ffffff;
    background-color: #453890;
  }
  .overview-demo-red-border-btn-prev {
    border: 2px solid #453890;
    color: #453890;
    background-color: transparent;
  }
  .overview-demo__screen-1-footer-block {
    margin-left: 0;
    margin-right: 2.66667vw;
    margin-bottom: 8.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    bottom: 0;
    position: absolute;
    bottom: -23px;
    right: 4vw;
  }
  .overview-demo__tip-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 95%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2.66667vw;
  }
  .overview-demo__tip-block--dashboard {
    margin-left: 4.26667vw;
    margin-right: 13.6vw;
    margin-bottom: 3.33333vw;
    position: absolute;
    bottom: 12vw;
  }
  .overview-demo__tip-block-img {
    font-size: 2.4vw;
    margin-right: 1.6vw;
  }
  .overview-demo__tip-block-title {
    font-size: 2.66667vw;
    line-height: 4vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
    margin-right: 2.93333vw;
  }
  .overview-demo__tip-block-desc {
    font-size: 2.66667vw;
    line-height: 4vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    margin-bottom: 0;
    width: 74%;
    margin-right: auto;
  }
  .overview-demo__prev-next-block {
    margin-right: 8.26667vw;
    margin-bottom: 0.66667vw;
    margin-left: 4.26667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .overview-demo__text-btn-img {
    width: 29.06667vw;
    height: auto;
  }
  /*=====================
      Header css
=======================*/
  .my-navbar {
    background-color: #ffffff;
    height: 10.66667vw;
    padding: 0px !important;
    padding-left: 14.8vw !important;
    padding-right: 10.8vw !important;
    -webkit-box-shadow: 0vw 0.4vw 0.8vw #00000017;
            box-shadow: 0vw 0.4vw 0.8vw #00000017;
  }
  .my-navbar .nav_icons img {
    height: auto;
    width: 6vw;
    margin-left: 6.4vw;
    border-radius: 30px;
  }
  .my-navbar .nav_icons .fa-user {
    font-size: 4.4vw;
    margin-left: 3.73333vw;
    color: #0ccda3;
  }
  .my-navbar .logout-btn img {
    height: auto;
    width: 35px;
  }
  .navbar-brand {
    font-size: 4vw !important;
    font-weight: bold;
  }
  .navbar-brand p {
    margin-bottom: 0 !important;
  }
  .dominate_header {
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .dominate_header__fix {
    padding-bottom: 10.66667vw;
  }
  /*=========================
      top menus navbar
  ==========================*/
  .menu-navbar {
    position: relative;
  }
  .menu-navbar__title {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    left: 50%;
  }
  .menu-navbar .tooltip-new {
    position: absolute;
    left: 50%;
    top: 1.73333vw;
    height: 70%;
  }
  .menu-navbar {
    height: 11.33333vw;
    background-color: white;
    -webkit-box-shadow: 0vw 0.4vw 0.8vw #00000017;
            box-shadow: 0vw 0.4vw 0.8vw #00000017;
    padding: 0vw 17.06667vw 0vw 17.06667vw !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.66667vw;
    /* Left Menus */
  }
  .menu-navbar .dominate-menus-left,
  .menu-navbar .dominate-menus-right {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .menu-navbar .dominate-menus-left .topmenubar-icon,
  .menu-navbar .dominate-menus-right .topmenubar-icon {
    border-radius: 0.93333vw;
    opacity: 0.6;
    margin-right: 2.66667vw;
  }
  .menu-navbar .dominate-menus-left .topmenubar-icon--active,
  .menu-navbar .dominate-menus-right .topmenubar-icon--active {
    opacity: 1;
    cursor: default;
  }
  .menu-navbar .dominate-menus-left li,
  .menu-navbar .dominate-menus-right li {
    width: 8.66667vw;
    height: 8.66667vw;
  }
  .menu-navbar .dominate-menus-left li img,
  .menu-navbar .dominate-menus-right li img {
    width: 100%;
    height: 100%;
  }
  .main-logo-navbar {
    height: 6vw;
  }
  /* ===============================================================
                    
                        modal mobile
                    
================================================================== */
  .closeIconInModal {
    cursor: pointer;
  }
  .closeIconInModal::before, .closeIconInModal::after {
    content: " ";
    position: absolute;
    top: 4vw;
    right: 5.33333vw;
    background-color: #848484;
    height: 2.66667vw;
    width: 0.4vw;
  }
  .closeIconInModal::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .closeIconInModal::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .customModal {
    margin-top: 13.33333vw;
  }
  .customModal--addLead {
    width: 144.26667vw !important;
    border-radius: 2vw !important;
    padding: 4vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .customModal--addLead--thankYouMsg {
    width: 104.26667vw !important;
  }
  /* ===============================================================
                    
                        font size
                    
================================================================== */
  .font-15-light {
    font-size: 2vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 3.06667vw;
    margin-bottom: 0;
  }
  .font-21-light {
    font-size: 2.8vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
  }
  .font-12-regular {
    font-size: 1.6vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 2.4vw;
    margin-bottom: 0;
  }
  .font-15-regular {
    font-size: 2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.06667vw;
    margin-bottom: 0;
  }
  .font-17-regular {
    font-size: 2.26667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.46667vw;
    margin-bottom: 0;
  }
  .font-18-regular {
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .font-20-regular {
    font-size: 2.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4vw;
    margin-bottom: 0;
  }
  .font-21-regular {
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
  }
  .font-30-regular {
    font-size: 4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 6.13333vw;
    margin-bottom: 0;
  }
  .font-16-medium {
    font-size: 2.13333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.33333vw;
    margin-bottom: 0;
  }
  .font-18-medium {
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .font-20-medium {
    font-size: 2.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4vw;
    margin-bottom: 0;
  }
  .font-21-medium {
    font-size: 2.8vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
  }
  .font-24-medium {
    font-size: 3.2vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .font-17-semibold {
    font-size: 2.26667vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 3.46667vw;
    margin-bottom: 0;
  }
  .font-18-semibold {
    font-size: 2.4vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .font-20-semibold {
    font-size: 2.66667vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4vw;
    margin-bottom: 0;
  }
  .font-21-semibold {
    font-size: 2.8vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
  }
  .font-24-semibold {
    font-size: 3.2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .font-28-semibold {
    font-size: 3.73333vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 5.6vw;
    margin-bottom: 0;
  }
  .font-15-bold {
    font-size: 2vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 3.06667vw;
    margin-bottom: 0;
  }
  .font-18-bold {
    font-size: 2.4vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .font-21-bold {
    font-size: 2.8vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
  }
  .font-24-bold {
    font-size: 3.2vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 4.66667vw;
    margin-bottom: 0;
  }
  .font-25-bold {
    font-size: 3.33333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 5.06667vw;
    margin-bottom: 0;
  }
  .font-28-bold {
    font-size: 3.73333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 5.6vw;
    margin-bottom: 0;
  }
  .font-30-bold {
    font-size: 4vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 6.13333vw;
    margin-bottom: 0;
  }
  .font-40-bold {
    font-size: 5.33333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 8vw;
    margin-bottom: 0;
  }
  /* ===============================================================
                      
                          margin, padding, other
                      
  ================================================================== */
  .mt-10 {
    margin-top: 1.33333vw;
  }
  .mt-20 {
    margin-top: 2.66667vw;
  }
  .mt-25 {
    margin-top: 3.33333vw;
  }
  .mr-25 {
    margin-right: 3.33333vw;
  }
  .mr-30 {
    margin-right: 4vw;
  }
  .mr-40 {
    margin-right: 5.33333vw;
  }
  .mr-70 {
    margin-right: 9.33333vw;
  }
  .mr-125 {
    margin-right: 16.66667vw;
  }
  .mb-8 {
    margin-bottom: 1.06667vw;
  }
  .mb-10 {
    margin-bottom: 1.33333vw;
  }
  .mb-18 {
    margin-bottom: 2.4vw;
  }
  .mb-25 {
    margin-bottom: 3.33333vw;
  }
  .mb-30 {
    margin-bottom: 4vw;
  }
  .mb-48 {
    margin-bottom: 6.4vw;
  }
  .mb-61 {
    margin-bottom: 8.13333vw;
  }
  .ml-30 {
    margin-left: 4vw;
  }
  .ml-70 {
    margin-left: 9.33333vw;
  }
  .pt-10 {
    padding-top: 1.33333vw;
  }
  .pt-20 {
    padding-top: 2.66667vw;
  }
  .pt-25 {
    padding-top: 3.33333vw;
  }
  .pr-20 {
    padding-right: 2.66667vw;
  }
  .pr-70 {
    padding-right: 9.33333vw;
  }
  .pb-10 {
    padding-bottom: 1.33333vw;
  }
  .pb-16 {
    padding-bottom: 2.13333vw;
  }
  .pl-10 {
    padding-left: 1.33333vw;
  }
  .pl-30 {
    padding-left: 4vw;
  }
  .py-6 {
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
  }
  /* ===============================================================
                      
                              other
                      
  ================================================================== */
  b {
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .width-100 {
    width: 100%;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .opacity-62 {
    opacity: 0.62;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  /* ===============================================================
                    
                        checkbox
                    
================================================================== */
  .customCheckbox label {
    width: 100%;
    margin-bottom: 1.6vw;
  }
  .customCheckbox .rc-checkbox-inner {
    width: 3.46667vw;
    height: 3.6vw;
    border-color: #0839d9;
    border-radius: 0.4vw;
    border-width: 0.4vw;
  }
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner:after,
  .customCheckbox .rc-checkbox-inner:after {
    left: 0.93333vw;
    top: 0.13333vw;
    width: 1.33333vw;
    height: 2.13333vw;
  }
  .customCheckbox .rc-checkbox-input .rc-checkbox-inner {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner {
    border-color: #cccccc !important;
  }
  .customCheckbox .rc-checkbox:hover .rc-checkbox-inner,
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner {
    border-color: #0839d9;
  }
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner {
    border-color: #0839d9;
    background-color: #0839d9;
  }
  /* ===============================================================
                    
                        datepicker
                    
================================================================== */
  .leads-title-block-container__date-picker .react-datepicker__month-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .leads-title-block-container__date-picker .react-datepicker {
    color: #303030;
    font-family: "Poppins-Regular", sans-serif;
    border: 0 !important;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation {
    top: 2.53333vw !important;
    border: 0.93333vw solid transparent !important;
    height: 0 !important;
    width: 0 !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation--next {
    border-left-color: rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__navigation--previous {
    border-right-color: rgba(0, 0, 0, 0.16) !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__header {
    padding-top: 2.13333vw !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
  }
  .leads-title-block-container__date-picker .react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle,
  .leads-title-block-container__date-picker .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    display: none;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper {
    width: auto;
  }
  .leads-title-block-container__date-picker .react-datepicker__input-container {
    width: 100%;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper input,
  .leads-title-block-container__date-picker .react-datepicker__input-container input {
    color: #303030;
    font-size: 2.4vw;
    font-family: "Poppins-Regular", sans-serif;
    background: #f7f7f7;
    border: 0;
    border-radius: 4vw;
    font-size: 2.4vw;
    width: 22.4vw;
    height: 6.66667vw;
    text-align: center;
  }
  .leads-title-block-container__date-picker .react-datepicker-wrapper input:focus,
  .leads-title-block-container__date-picker .react-datepicker__input-container input:focus {
    outline: 0;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--selected,
  .leads-title-block-container__date-picker .react-datepicker__day--in-selecting-range,
  .leads-title-block-container__date-picker .react-datepicker__day--in-range,
  .leads-title-block-container__date-picker .react-datepicker__month-text--selected,
  .leads-title-block-container__date-picker .react-datepicker__month-text--in-selecting-range,
  .leads-title-block-container__date-picker .react-datepicker__month-text--in-range,
  .leads-title-block-container__date-picker .react-datepicker__day--keyboard-selected,
  .leads-title-block-container__date-picker .react-datepicker__month-text--keyboard-selected {
    background-color: rgba(98, 102, 125, 0.2) !important;
    border-radius: 7.33333vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day:hover,
  .leads-title-block-container__date-picker .react-datepicker__month-text:hover,
  .leads-title-block-container__date-picker .react-datepicker__day--selected {
    border-radius: 7.33333vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    font-size: 2.13333vw !important;
    color: #000000 !important;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .leads-title-block-container__date-picker .react-datepicker__month {
    margin-top: 0;
  }
  .leads-title-block-container__date-picker .react-datepicker__day-names,
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    text-transform: uppercase !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__current-month {
    font-size: 2.13333vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day-name,
  .leads-title-block-container__date-picker .react-datepicker__day {
    font-size: 1.86667vw !important;
    color: #212b36 !important;
    font-family: "Poppins-Regular", sans-serif !important;
    width: 5.73333vw !important;
    line-height: 5.73333vw !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--selected {
    background-color: #6266e1 !important;
    color: #FFFFFF !important;
    font-family: "Poppins-Regular", sans-serif !important;
  }
  .leads-title-block-container__date-picker .react-datepicker__day--disabled,
  .leads-title-block-container__date-picker .react-datepicker__month-text--disabled {
    opacity: 0.5;
  }
  /* ===============================================================
                    
                        dropdown
                    
================================================================== */
  .lead-status-dropDown .Dropdown-control {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .lead-status-dropDown .Dropdown-menu {
    width: 41.33333vw;
    height: 41.33333vw;
    max-height: 41.33333vw;
    padding: 3.86667vw 1.33333vw 3.86667vw 2.13333vw;
    border: 0;
    border-radius: 1.33333vw;
    -webkit-box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
    margin-top: 3.33333vw;
  }
  .lead-status-dropDown .Dropdown-menu .Dropdown-option:last-child {
    border-bottom: 0;
  }
  .lead-status-dropDown .Dropdown-option {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #303030;
    padding: 1.2vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .lead-status-dropDown .Dropdown-control:hover {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .lead-status-dropDown .Dropdown-option:hover,
  .lead-status-dropDown .Dropdown-option.is-selected {
    background-color: #f7f7f7;
    color: #000;
  }
  .lead-status-dropDown .Dropdown-arrow {
    top: 41%;
    border-color: #303030 transparent transparent;
    border-width: 1.06667vw 1.06667vw 0;
  }
  .is-open .Dropdown-arrow {
    border-color: transparent transparent #303030 !important;
    border-width: 0 1.06667vw 1.06667vw !important;
  }
  .lead-status-dropDown--importExport.Dropdown-root {
    background-color: #ffffff;
    width: 26.4vw;
    height: 6.66667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #453890;
    border-radius: 3.33333vw;
    background: #ffffff;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title,
  .lead-status-dropDown--importExport .Dropdown-placeholder,
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    font-size: 2.8vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.13333vw;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title,
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    color: #050505;
  }
  .lead-status-dropDown--importExport .Dropdown-menu > .Dropdown-option {
    padding: 2vw;
  }
  .lead-status-dropDown--importExport .Dropdown-menu .Dropdown-group > .Dropdown-title {
    padding: 1.33333vw 2.13333vw;
    padding-bottom: 0;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .lead-status-dropDown--importExport .Dropdown-placeholder {
    color: #453890;
  }
  .lead-status-dropDown--importExport .Dropdown-control {
    padding: 0;
    padding-top: 0.93333vw;
  }
  .lead-status-dropDown--importExport .Dropdown-arrow {
    display: none;
  }
  .lead-status-dropDown--importExport .Dropdown-menu {
    width: 29.06667vw;
    height: auto;
    margin-top: 0.66667vw;
    padding: 0 1.33333vw 2.66667vw 1.33333vw;
  }
  .lead-status-dropDown--importExport .Dropdown-group:first-child {
    padding-bottom: 0.66667vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .lead-status-dropDown--importExport .Dropdown-group .Dropdown-option {
    color: #303030;
    border-bottom: 0;
    font-size: 2.13333vw;
    line-height: 3.33333vw;
    padding: 0.93333vw 0.66667vw 0.66667vw 3.73333vw;
  }
  .lead-status-dropDown--importExport--all-lead.Dropdown-root {
    background-color: #f7f7f7;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: transparent;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 2.93333vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-arrow {
    display: block;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-control {
    padding: 0;
    padding-top: 0.26667vw;
    padding-right: 5.46667vw;
    padding-left: 0.93333vw;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-placeholder {
    color: #303030;
    font-size: 2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 5.06667vw;
    padding: 0 0.4vw;
  }
  .lead-status-dropDown--importExport--all-lead .Dropdown-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-bottom: 1.33333vw;
  }
  .dashboard-profile-dropdown .rc-dropdown-menu {
    text-align: center;
  }
  .dashboard-profile-dropdown .rc-dropdown-menu > .rc-dropdown-menu-item {
    font-size: 2.4vw;
    color: #303030;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    padding: 1.2vw;
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item {
    cursor: default;
  }
  .lead-status-dropDown.lead-status-dropDown--statusRow .Dropdown-control {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 44vw;
    word-break: break-all;
    padding-right: 6vw;
  }
  .lead-status-dropDown.lead-status-dropDown--statusRow .Dropdown-menu {
    width: 33.06667vw;
    height: auto;
    max-height: 54vw;
    margin-top: 2.8vw;
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-control,
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-placeholder {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-control {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-right: 6vw;
  }
  .lead-status-dropDown.lead-status-dropDown--taskStatusRow .Dropdown-menu {
    width: 27.73333vw;
    height: auto;
    max-height: 54vw;
    margin-top: 2.8vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  /* ===============================================================
                    
                        custom edit dropdown 

================================================================== */
  .main-dropdown-class {
    background: transparent;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dropdown-container-fluid {
    background-color: #ffffff;
    padding: 6.66667vw 18.8vw;
  }
  .fa-angle-down {
    cursor: pointer;
    font-size: 3.2vw !important;
    font-weight: 500;
    font-family: "fontawesome";
    position: absolute;
    right: 2.4vw;
    top: 20%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #303030;
  }
  .dropdown-input-class {
    width: 100%;
    height: 6.8vw;
    border-radius: 3.46667vw;
    padding: 0.66667vw 5.73333vw 0.66667vw 2.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    font-size: 2.4vw;
    outline: none;
    border: none;
    background: #f7f7f7;
    color: #000000;
    margin-bottom: 0 !important;
  }
  .dropdown-input-class ::-webkit-input-placeholder {
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class :-ms-input-placeholder {
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class ::-ms-input-placeholder {
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-input-class ::placeholder {
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #000000;
  }
  .dropdown-ul {
    max-height: 22.66667vw;
    overflow: auto;
    list-style: none;
    background: #ffffff;
    -webkit-box-shadow: 0 0.26667vw 0.53333vw 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.26667vw 0.53333vw 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    margin-top: 0.66667vw;
    padding: 0;
    border-radius: 1.33333vw;
    z-index: 99;
    position: absolute;
    width: 100%;
  }
  .dropdown-li,
  .dropdown-li_selected {
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    padding: 1.33333vw 3.06667vw;
    cursor: default;
  }
  .dropdown-li:hover {
    background: #f7f7f7;
  }
  .dropdown-li_selected {
    color: #ffffff;
    background: #6266e1;
  }
  /* ===============================================================
                    
                        add lead mobile
                    
================================================================== */
  /* ===============================================================
                    
                    add lead progressbar
                    
================================================================== */
  .add-lead-blue-progressbar-block-with-button {
    top: -3.33333vw;
  }
  .add-lead-blue-progressbar-block,
  .add-lead-blue-progressbar-block-with-button {
    position: relative;
    width: 64%;
    height: 0.93333vw;
    background-color: rgba(48, 48, 48, 0.18);
    border-radius: 0.53333vw;
    margin-left: 8vw;
  }
  .add-lead-blue-progressbar-block__fill {
    height: 0.93333vw;
    border-radius: inherit;
    background-color: #003cff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  /*=======================================================

            add lead pagination

========================================================*/
  .add-lead-pagination {
    margin-top: 4vw;
    margin-bottom: 2.66667vw;
    width: 100%;
  }
  .add-lead-pagination .rc-pagination {
    width: 100%;
    font-size: 2.53333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .add-lead-pagination .rc-pagination-item {
    border-radius: 50%;
    padding: 0;
    border: 0;
    margin-right: 4vw;
    min-width: 5.33333vw;
    height: 5.33333vw;
    line-height: 5.46667vw;
    color: #000000;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .add-lead-pagination .rc-pagination-item-active {
    background-color: #6266e1;
    color: #ffffff;
  }
  .add-lead-pagination .rc-pagination-item.rc-pagination-item-active:hover a {
    color: #ffffff;
  }
  .add-lead-pagination .rc-pagination-item:hover a {
    color: #6266e1;
  }
  .add-lead-pagination .rc-pagination-jump-prev:hover:after,
  .add-lead-pagination .rc-pagination-jump-next:hover:after {
    color: #6266e1;
  }
  .add-lead-pagination .rc-pagination-prev,
  .add-lead-pagination .rc-pagination-next,
  .add-lead-pagination .rc-pagination-jump-prev,
  .add-lead-pagination .rc-pagination-jump-next {
    border: 0;
    font-size: 3.2vw;
    line-height: 5.46667vw;
    min-width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 4vw;
  }
  .add-lead-pagination .rc-pagination-jump-prev:after,
  .add-lead-pagination .rc-pagination-jump-next:after {
    font-size: 3.2vw;
  }
  .add-lead-pagination .rc-pagination-prev a,
  .add-lead-pagination .rc-pagination-next a {
    color: #303030 !important;
  }
  /* ===============================================================
                    
                        react select add lead
                    
================================================================== */
  .react-select-add-lead-form-container {
    width: 80%;
  }
  .react-select-add-lead-form__control {
    min-height: 8vw !important;
    -webkit-box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
            box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
    border: 0 !important;
  }
  .react-select-add-lead-form__indicator-separator {
    display: none !important;
  }
  .react-select-add-lead-form__indicator {
    color: #303030 !important;
    padding: 2vw !important;
  }
  .react-select-add-lead-form__indicator svg {
    width: 3.33333vw !important;
    height: 3.33333vw !important;
  }
  .react-select-add-lead-form__control--is-focused {
    -webkit-box-shadow: 0 0 0 1px #cccccc !important;
            box-shadow: 0 0 0 1px #cccccc !important;
  }
  .react-select-add-lead-form__single-value {
    color: #303030 !important;
    font-size: 3.2vw !important;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4.66667vw !important;
  }
  .react-select-add-lead-form__option, .react-select-add-lead-form__option--is-focused, .react-select-add-lead-form__option--is-selected {
    font-size: 2.8vw !important;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.13333vw !important;
  }
  .react-select-add-lead-form__option--is-focused {
    background-color: rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-add-lead-form__option--is-selected {
    color: #ffffff !important;
    background-color: #0839d9 !important;
  }
  .react-select-add-lead-form__option {
    border-bottom: 1px solid #cccccc;
    padding: 2vw 2.66667vw !important;
  }
  .react-select-add-lead-form__option:last-child {
    border-bottom: 0;
  }
  .react-select-add-lead-form__menu {
    margin-top: 0.66667vw !important;
    -webkit-box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
  }
  .new-edit-lead-form-row .add-lead-pagination .rc-pagination {
    width: 45%;
  }
  .new-edit-lead-form-row .react-select-follow-up-form-container {
    max-width: 58%;
    margin-left: 5.2vw;
  }
  .new-edit-lead-form-row .add-lead-input-field--countryCode .react-tel-input input.form-control,
  .new-edit-lead-form-row .react-tel-input input {
    margin-top: -1.33333vw !important;
  }
  .new-edit-lead-form-row input {
    max-width: 100%;
  }
  .new-edit-lead-form-row .react-datepicker-wrapper {
    width: 100%;
  }
  .container-fluid.add-lead-modal-container
.phone-form-control-block__lead-profile
.react-tel-input
.form-control {
    margin-top: 0.8vw !important;
  }
  .all-checkbox-block .new-edit-lead-form-row {
    padding-top: 2.66667vw;
    padding-left: 4vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .all-checkbox-block .new-edit-lead-form-row img {
    width: 5.33333vw;
    margin-right: 2.66667vw;
  }
  .all-checkbox-block .new-edit-lead-form-row input {
    width: 93%;
    max-width: inherit;
    margin-top: 4vw;
    margin-bottom: 1.33333vw;
  }
  .new-edit-lead-form-row__input input,
  .new-edit-lead-form-row__input textarea {
    max-width: 100%;
    margin-left: 0;
  }
  .add-lead-input-field.new-edit-lead-form-row__input {
    max-width: 55%;
    margin-left: 0;
  }
  .new-edit-lead-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .new-edit-lead-form-row .add-lead-input-field {
    margin-top: 0 !important;
  }
  .new-edit-lead-form-row label {
    width: 25%;
  }
  .new-edit-lead-form-row .countryCode-fixed-plus {
    top: -0.13333vw;
  }
  .new-edit-lead-form-row .add-lead-input-field--countryCode input {
    max-width: 100%;
  }
  .new-edit-lead-form-row .add-lead-input-field--phoneNumber input {
    max-width: 88.5%;
  }
  .new-edit-lead-form-row #leadAssignRepresentative,
  .new-edit-lead-form-row #tagsInputValue,
  .new-edit-lead-form-row .representative-recent-img-text-block {
    width: 100%;
  }
  .new-edit-lead-form-row label + div,
  .new-edit-lead-form-row label + br + div,
  .new-edit-lead-form-row label + br + input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 30%;
    margin-left: 0;
  }
  .new-edit-lead-form-row label + div div,
  .new-edit-lead-form-row label + div input,
  .new-edit-lead-form-row label + div label,
  .new-edit-lead-form-row label + br + div div,
  .new-edit-lead-form-row label + br + div input,
  .new-edit-lead-form-row label + br + div label,
  .new-edit-lead-form-row label + br + input div,
  .new-edit-lead-form-row label + br + input input,
  .new-edit-lead-form-row label + br + input label {
    margin-left: 0 !important;
  }
  .new-edit-lead-form-row label + div label,
  .new-edit-lead-form-row label + br + div label,
  .new-edit-lead-form-row label + br + input label {
    width: 100%;
  }
  .new-edit-lead-form-row #tagsInputValue {
    margin-top: 2.66667vw !important;
  }
  .new-edit-lead-form-overflow-block {
    height: 70vh;
    padding-right: 6vw;
    overflow: auto;
    overflow-x: hidden;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar {
    height: 0.66667vw;
    width: 1.73333vw;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-track {
    background: #80808028;
    -webkit-box-shadow: 0 0.4vw 1.33333vw #80808028;
            box-shadow: 0 0.4vw 1.33333vw #80808028;
    border-radius: 1.33333vw;
    margin: 1.33333vw;
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-thumb {
    border-radius: 1.33333vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .new-edit-lead-form-overflow-block::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .new-edit-lead-form-row__emp-block input.new-edit-lead-form-row__input {
    max-width: 45%;
  }
  .new-edit-lead-form-row__emp-block .add-lead-input-field {
    max-width: 45%;
  }
  .new-edit-lead-form-row__task-block .task-edit-status {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row__input {
    max-width: 62%;
  }
  .new-edit-lead-form-row__task-block .leads-title-block-container__date-picker {
    margin-top: 2.66667vw;
    margin-bottom: 1.33333vw;
  }
  .new-edit-lead-form-row__task-block .react-datepicker__input-container input {
    max-width: 100%;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row .main-dropdown-class {
    width: 60%;
    max-width: 57%;
    margin-left: 10.93333vw;
  }
  .new-edit-lead-form-row__task-block .new-edit-lead-form-row .main-dropdown-class input {
    max-width: 100%;
  }
  .new-edit-lead-form-row__holiday-edit .type-of-leave-select {
    margin-top: 1.33333vw;
  }
  .new-edit-lead-form-row__holiday-edit .type-of-leave-select input {
    padding-left: 4vw;
  }
  .new-edit-lead-form-row__holiday-edit .new-edit-lead-form-row label {
    width: 19%;
  }
  .new-edit-lead-form-row__holiday-edit .react-datepicker-wrapper {
    width: 100%;
  }
  .new-edit-lead-form-row__holiday-edit input {
    max-width: 100%;
  }
  .is-invalid {
    color: #ff4848;
    margin-top: 1.33333vw;
    font-size: 2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.06667vw;
  }
  .container-fluid.add-lead-modal-container {
    padding-left: 0;
    padding-top: 1.2vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .form-control {
    color: #303030 !important;
    max-width: 100%;
    position: relative;
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica" !important;
    margin-bottom: 4vw;
    letter-spacing: 0.01rem;
    z-index: 0;
    margin-top: 4.66667vw !important;
    margin-bottom: 0 !important;
    padding-left: 13.46667vw;
    margin-left: 0;
    background: #ffffff;
    border: 0.66667vw solid #cccccc;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    height: 4.66667vw;
    width: 40vw;
    outline: none;
    padding-top: 3.33333vw !important;
    padding-bottom: 3.33333vw !important;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .form-control:focus {
    outline: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .flag-dropdown {
    border: 0.66667vw solid transparent;
    border-bottom: 0.66667vw solid #cccccc;
    background-color: transparent;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .flag-dropdown:focus {
    border: 0.66667vw solid #cccccc !important;
  }
  .container-fluid.add-lead-modal-container .react-tel-input .selected-flag {
    position: relative;
    width: 11.46667vw !important;
    height: 100%;
    padding: 0 2.26667vw;
    border-radius: 0;
    border: 0 !important;
  }
  .add-lead-form-field-block {
    padding-left: 2vw;
    padding-right: 4.4vw;
    position: relative;
    padding-bottom: 7.06667vw;
  }
  .add-lead-prev-icon,
  .add-lead-next-icon {
    cursor: pointer;
    z-index: 1;
    opacity: 0.6;
    width: 3.73333vw !important;
    font-size: 3.2vw !important;
    line-height: 4.66667vw !important;
    position: absolute;
    top: 92%;
  }
  .add-lead-prev-icon:hover,
  .add-lead-next-icon:hover {
    opacity: 1;
  }
  .add-lead-prev-icon {
    left: 35%;
  }
  .add-lead-next-icon {
    right: 35%;
  }
  .add-lead-label {
    margin-bottom: 0;
    margin-left: 5.06667vw;
    margin-right: 5.06667vw;
    vertical-align: text-top;
  }
  .add-lead-form-field-errors {
    margin-bottom: 0;
    margin-left: 5.73333vw;
    margin-right: 8.4vw;
    vertical-align: text-top;
  }
  .add-lead-input-field {
    width: 93%;
  }
  .add-lead-input-field {
    margin-left: 5.06667vw;
    margin-top: 4.66667vw;
    padding: 0 1.33333vw 2vw 1.33333vw;
    border: 0;
    -webkit-transition: border-bottom-color 0.4s ease;
    transition: border-bottom-color 0.4s ease;
    border-bottom: 0.53333vw solid #cccccc;
  }
  .add-lead-input-field:focus {
    outline: none;
  }
  .add-lead-input-field--countryCode {
    margin-left: 6.4vw;
    width: 35%;
  }
  .add-lead-input-field--phoneNumber {
    margin-left: 2.66667vw;
    width: 63%;
  }
  .all-checkbox-block {
    margin-left: 6.66667vw;
    padding-bottom: 2vw;
  }
  .add-lead-input-field--checkbox-label-input label,
  .add-lead-input-field--checkbox-label-input br {
    display: none;
  }
  .add-lead-input-field--checkbox-label-input input {
    margin-top: 0;
    margin-left: 4vw;
  }
  .shipping-form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.33333vw;
    width: 96%;
  }
  .shipping-form-flex div {
    width: 100%;
  }
  .shipping-form-flex input {
    margin-top: 2vw;
  }
  /*========================
    Leads followups date 
  =========================*/
  .add-follow-up-main-container .follow-up-date-time-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 77%;
    margin-bottom: 0;
  }
  .add-follow-up-main-container .follow-up-date-time-section .follow-up-date,
  .add-follow-up-main-container .follow-up-date-time-section .follow-up-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 4vw;
  }
  .add-follow-up-main-container .follow-up-date-time-section .react-datepicker-wrapper input {
    background-color: #f7f7f7;
    border-radius: 3.33333vw;
    border: none;
    text-align: center;
    height: 6.66667vw;
  }
  .add-follow-up-main-container .follow-up-date-time-section label {
    margin-bottom: 1.33333vw;
  }
  .add-lead-modal-container--followUp {
    padding: 3.73333vw 2.13333vw 0.4vw 7.2vw;
  }
  .leads-title-block-container__date-picker .react-datepicker-time__header {
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item {
    height: 6vw;
    padding: 1.06667vw;
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected:hover,
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected {
    background-color: #6266e1;
  }
  .leads-title-block-container__date-picker .react-datepicker__header--time {
    padding: 1.33333vw;
  }
  .leads-title-block-container__date-picker .react-datepicker__time-container,
  .leads-title-block-container__date-picker .react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box {
    width: 21.33333vw;
  }
  /* ===============================================================
                    
                        leads
                    
================================================================== */
  /* ===============================================================
                    
                        react select followup
                    
================================================================== */
  .react-select-follow-up-form-container {
    width: 90%;
    border-radius: 4vw;
  }
  .react-select-follow-up-form__control {
    height: 7.33333vw !important;
    max-height: 7.33333vw !important;
    min-height: 7.33333vw !important;
    -webkit-box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
            box-shadow: 0 0 0 1px rgba(8, 57, 217, 0) !important;
    border: 0 !important;
    background-color: #f7f7f7 !important;
    border-radius: 4vw !important;
  }
  .react-select-follow-up-form__indicator-separator {
    display: none !important;
  }
  .react-select-follow-up-form__indicator {
    color: #303030 !important;
    padding: 2vw !important;
  }
  .react-select-follow-up-form__indicator svg {
    width: 3.33333vw !important;
    height: 3.33333vw !important;
  }
  .react-select-follow-up-form__control--is-focused {
    -webkit-box-shadow: 0 0 0 0.4px rgba(204, 204, 204, 0.5) !important;
            box-shadow: 0 0 0 0.4px rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-follow-up-form__single-value {
    color: #303030 !important;
    font-size: 2.4vw !important;
    padding-left: 2.66667vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.73333vw !important;
  }
  .react-select-follow-up-form__option, .react-select-follow-up-form__option--is-focused, .react-select-follow-up-form__option--is-selected {
    font-size: 2.4vw !important;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.13333vw !important;
  }
  .react-select-follow-up-form__option--is-focused {
    background-color: rgba(204, 204, 204, 0.5) !important;
  }
  .react-select-follow-up-form__option--is-selected {
    color: #ffffff !important;
    background-color: #6266e1 !important;
  }
  .react-select-follow-up-form__option {
    border-bottom: 1px solid #cccccc;
    padding: 1.33333vw 2.66667vw !important;
  }
  .react-select-follow-up-form__option:last-child {
    border-bottom: 0;
  }
  .react-select-follow-up-form__menu {
    margin-top: 0.66667vw !important;
    -webkit-box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16) !important;
  }
  /* ===============================================================
                    
                        leads
                    
================================================================== */
  .funnel-view-outer-div {
    margin: 0 5.46667vw;
    padding-top: 2.13333vw;
    padding-bottom: 6.66667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block {
    width: 37.06667vw;
    border-right: 2px solid #cccccc;
    padding-bottom: 4vw;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h5,
  .funnel-view-outer-div .funnel-view-outer-div__block h6 {
    padding-left: 4vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h5 {
    margin-bottom: 4.13333vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__block h6 {
    margin-bottom: 8.26667vw;
  }
  .funnel-view-outer-div .funnel-view-outer-div__colorDivOuter {
    height: 81.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::after, .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::before {
    content: "";
    display: block;
    width: 38.66667vw;
    height: 3.73333vw;
    background: #ffffff;
    position: absolute;
    left: -1%;
    bottom: -2.26667vw;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  .funnel-view-outer-div .funnel-view-outer-div__lightColorDiv::before {
    bottom: auto;
    top: -2.26667vw;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  .funnel-view-outer-div .funnel-view-outer-div__darkColorDiv {
    width: 100%;
  }
  /* ===============================================================
                    
                    new edit lead design
                    
================================================================== */
  .edit-lead-new-design__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .edit-lead-new-design__colm1,
  .edit-lead-new-design__colm2 {
    width: 100%;
  }
  .add_more_info_lead_button {
    width: 30.13333vw;
    height: 7.06667vw;
    margin-right: 2.4vw;
    border-radius: 3.6vw;
    border: 0.26667vw solid #303030;
    background-color: transparent;
    font-size: 3.2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .save_new_lead_button {
    width: 21.2vw;
    height: 7.6vw;
    border-radius: 3.6vw;
    border: none;
    color: white;
    background-color: #7358fd;
    font-size: 3.2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
    float: right;
  }
  .set_level_and_status_of_lead {
    margin-left: 9.06667vw;
    margin-top: 4vw;
  }
  .set_level_and_status_of_lead p {
    color: #303030;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
  }
  .set_level_and_status_of_lead button {
    margin-right: 1.33333vw;
    width: 21.2vw;
    height: 7.6vw;
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-family: Poppins-Regular;
    border-radius: 3.6vw;
    border: none;
    background-color: #f7f7f7;
    margin-bottom: 2.66667vw;
  }
  .lead_add_more_info_model {
    width: 187.46667vw !important;
    border-radius: 2vw !important;
    padding: 6.26667vw 12.13333vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .lead_add_more_info_model .add-lead-label {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .lead_add_more_info_model .add-lead-input-field {
    margin-left: 0px !important;
    padding-left: 0px;
  }
  .lead_add_more_info_model .react-select-add-lead-form__control {
    width: 100% !important;
    border: 1px solid lightgray !important;
  }
  .lead_add_more_info_model .add-lead-prev-icon {
    top: 8vw !important;
    left: 6.66667vw !important;
  }
  .lead_add_more_info_model .tag-border-block {
    font-size: 2vw;
    padding: 1.06667vw;
  }
  .lead_add_more_info_model .representative-recent-img-text-block {
    margin-left: 0px;
  }
  .lead_add_more_info_model .add_more_infor_lead_container {
    height: 50vh;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: auto;
    overflow-x: hidden;
  }
  .lead_page_component {
    position: relative;
  }
  .lead_page_component .add-lead-blue-progressbar-block {
    position: absolute;
    width: 20%;
    right: 13.33333vw;
    top: 4vw;
  }
  .add_more_info_left_section {
    width: 100%;
  }
  .add_more_info_right_section {
    width: 100%;
  }
  .add-new-btn-kanban-board-block {
    width: 100%;
    text-align: center;
    padding-top: 2.13333vw;
    padding-bottom: 1.33333vw;
    background-color: rgba(243, 240, 240, 0.41);
  }
  .add-new-btn-kanban-board {
    width: 35.2vw;
    height: 7.33333vw;
    margin: 0 auto;
    border: 1px dashed #707070;
    border-radius: 1.2vw;
    font-size: 2.53333vw;
    color: #717171;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .customCheckbox .rc-checkbox-inner {
    border-color: #cccccc !important;
  }
  .customCheckbox .rc-checkbox-input:focus + .rc-checkbox-inner,
  .customCheckbox .rc-checkbox-checked .rc-checkbox-inner {
    border-color: #0839d9 !important;
  }
  .drop-lead-cancel-btn,
  .drop-lead-confirm-btn {
    width: 23.6vw;
    height: 7.06667vw;
    border-radius: 4vw;
    font-size: 3.2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .drop-lead-cancel-btn {
    border: 1px solid #000000;
    color: #000000;
    background-color: transparent;
  }
  .drop-lead-confirm-btn {
    border: 1px solid #502eff;
    color: #502eff;
    background-color: transparent;
  }
  .cursor-default {
    cursor: default !important;
  }
  .countryCode-fixed-plus-input-container {
    position: relative;
  }
  .countryCode-fixed-plus-input-container input {
    padding-left: 5.46667vw;
  }
  .countryCode-fixed-plus {
    position: absolute;
    left: 3.33333vw;
    top: 6vw;
  }
  .leads-container {
    background-color: #F7F7F7;
  }
  .empty-div {
    padding: 20px;
    text-align: center;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Light;
  }
  .leads-overview-container {
    padding-left: 18.8vw;
    padding-top: 3.33333vw;
    padding-bottom: 4vw;
  }
  .leads-mobile-overview-block {
    padding-left: 9.33333vw;
    padding-right: 9.33333vw;
    background: #ffffff;
    padding-top: 0.53333vw;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
  }
  .widgetListSlider {
    margin-top: 2.66667vw;
    margin-bottom: 1.33333vw;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    content: "" !important;
    width: 2vw !important;
    height: 2vw !important;
    border: 2px solid #707070 !important;
    display: block !important;
    border-top: 0 !important;
    border-right: 0 !important;
  }
  .widgetListSlider .slick-prev {
    left: -6vw !important;
  }
  .widgetListSlider .slick-prev,
  .widgetListSlider .slick-next {
    top: 45% !important;
  }
  .widgetListSlider .slick-prev:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .widgetListSlider .slick-next:before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    color: #707070 !important;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    font-size: 4vw !important;
  }
  .gradient-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .leads-meetings-block-gradient,
  .leads-warm-block-gradient,
  .leads-hot-block-gradient,
  .leads-red-gradient-block,
  .leads-blue-gradient-block,
  .leads-purple-gradient-block,
  .leads-orange-gradient-block {
    width: 34.66667vw;
    height: 17.73333vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    color: #FFFFFF;
    text-align: center;
    overflow: auto;
    padding: 1.33333vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .leads-red-gradient-block,
  .leads-blue-gradient-block,
  .leads-purple-gradient-block,
  .leads-orange-gradient-block,
  .leads-hot-block-gradient,
  .leads-warm-block-gradient,
  .leads-meetings-block-gradient:hover {
    cursor: pointer;
  }
  .leads-hot-block-gradient {
    background: linear-gradient(306deg, #ff2626, #ffa5a5);
  }
  .leads-warm-block-gradient {
    background: linear-gradient(305deg, #07a3b2, #d9ecc7);
  }
  .leads-meetings-block-gradient {
    background: linear-gradient(305deg, #f6d365, #fda085);
  }
  .leads-red-gradient-block {
    background: linear-gradient(305deg, #57a1e6, #acedfc);
  }
  .leads-blue-gradient-block {
    background: linear-gradient(145deg, #d1c7ff 0%, #9618f7 100%);
    /* w3c */
  }
  .leads-purple-gradient-block {
    background: linear-gradient(305deg, #ed765e, #fea858);
  }
  .leads-orange-gradient-block {
    background: linear-gradient(305deg, #ffd49b 0%, #ff8917 100%);
  }
  .leads-gradient-block-font-100 {
    font-size: 13.33333vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 11.33333vw;
    margin-bottom: 0;
    width: 90%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1.33333vw;
  }
  .leads-title-block-container {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
    padding: 2.66667vw;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .leads-title-block-container__inner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leads-title-block-container__inner-block button,
  .leads-title-block-container__inner-block .Dropdown-root {
    margin-bottom: 2.66667vw;
  }
  .leads-title-block-container__date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 1.33333vw;
  }
  .leads-title-block-container__date-picker span {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
  }
  .leads-title-block-btn-red-bg {
    width: 21.06667vw;
    height: 6.66667vw;
    background: #453890;
    color: #FFFFFF;
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    border: 0;
    border-radius: 5.06667vw;
  }
  .btn-funnel-view {
    width: 20vw;
    height: 5.33333vw;
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.6vw;
    color: #303030;
    border: 2px solid #303030;
    border-radius: 3.6vw;
    background-color: transparent;
  }
  .add_lead_button_in_kanban {
    position: absolute;
    left: 9.33333vw;
  }
  .leads-content-container {
    padding-left: 6vw;
    padding-right: 0;
    padding-bottom: 3.33333vw;
    margin-bottom: 9.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;
    height: 90vh;
  }
  .leads-content-container .col-md-4 {
    height: 85%;
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    padding: 0.66667vw;
    max-height: 100%;
    overflow: auto;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar {
    height: 0.4vw;
    width: 3px;
  }
  .no-kanban-leads-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    font-size: 2vw;
    font-family: Poppins-SemiBold;
  }
  .leads-content-container__colm {
    margin-right: 8.8vw;
    margin-bottom: 2.13333vw;
    width: 64vw;
    background-color: transparent;
  }
  .leads-content-container__colmTitle {
    padding: 1vw;
  }
  .leads-content-container__colmContent {
    width: 66vw;
    min-height: 64vw;
    margin: 0 auto;
    border-radius: 2vw;
  }
  .leads-content-container__lead {
    border-radius: 2vw;
    background-color: transparent;
  }
  .lead-single-card-container,
  .leads-content-block-480 {
    background-color: #FFFFFF;
    width: 64vw;
    height: auto;
    max-height: 40vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0.26667vw 1.33333vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.26667vw 1.33333vw 0 rgba(0, 0, 0, 0.16);
    padding: 2.66667vw 2.26667vw 2.66667vw 3.46667vw;
    margin-bottom: 1.33333vw;
    margin-right: 6.66667vw;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .lead-single-card-container .lead-status-dropDown--emoji,
  .leads-content-block-480 .lead-status-dropDown--emoji {
    margin-left: 0;
  }
  .leads-content-block-480 {
    overflow: auto;
  }
  .leads-content-block-480__img-text-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .leads-content-img {
    width: 6.66667vw;
    margin-right: 4vw;
    border-radius: 50%;
  }
  .leads-content-block-480__tags-div {
    padding-top: 2.66667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leads-content-block-480-tags-btn {
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background: transparent;
    border: transparent;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16);
    padding: 1.06667vw 2.4vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
    word-break: break-all;
  }
  .btn-funnel-view--add-lead-save-btn {
    width: 14.8vw;
    height: 7.06667vw;
    font-size: 3.2vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .lead-icon-block-view,
  .lead-icon-list-view {
    cursor: pointer;
  }
  .list-block-view-span {
    width: 5.33333vw;
  }
  .lead-icon-list-view {
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .lead-icon-block-view {
    width: 4vw;
    height: 4vw;
  }
  .leads-list-table-view-outer-block {
    margin: 0 5.46667vw 6.4vw 5.46667vw;
    overflow: auto;
  }
  .leads-list-table-view-outer-block .customers-list-view-title-container {
    border-radius: 2vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .leads-list-table-view-outer-block .customers-list-view-container {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .leads-list-table-view-outer-block table {
    color: #303030;
    margin-bottom: 0;
    table-layout: fixed;
    word-break: break-all;
  }
  .leads-list-table-view-outer-block table th,
  .leads-list-table-view-outer-block table td {
    width: 42.66667vw;
  }
  .leads-list-table-view-outer-block table th:nth-child(1),
  .leads-list-table-view-outer-block table th:nth-child(3),
  .leads-list-table-view-outer-block table td:nth-child(1),
  .leads-list-table-view-outer-block table td:nth-child(3) {
    width: 33.33333vw;
  }
  .leads-list-table-view-outer-block table th:nth-child(2),
  .leads-list-table-view-outer-block table td:nth-child(2) {
    width: 20vw;
  }
  .leads-list-table-view-outer-block table th:nth-child(4),
  .leads-list-table-view-outer-block table td:nth-child(4) {
    width: 40vw;
  }
  .leads-list-table-view-outer-block table th,
  .leads-list-table-view-outer-block table td {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    vertical-align: middle;
  }
  .leads-list-table-view-outer-block table th {
    padding: 3.06667vw 3.06667vw 0;
    font-family: Poppins-Bold, sans-serif;
  }
  .leads-list-table-view-outer-block table td {
    padding: 3.33333vw 3.06667vw !important;
    font-family: Poppins-Medium, sans-serif;
  }
  .leads-list-table-view-outer-block table tr:last-child td {
    border-bottom: 0;
  }
  .lead-list-view-img {
    width: 6.66667vw;
    height: auto;
    margin-right: 5.6vw;
  }
  .lead-search-block {
    position: relative;
    margin-right: 4vw;
    margin-bottom: 2.66667vw;
  }
  .lead-search-block .add-lead-input-field--lead-search {
    margin: 0;
    padding: 1.33333vw 4.66667vw 1.33333vw 0.66667vw;
    width: 20vw;
    height: 5.46667vw;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
  }
  .lead-search-block .lead-search-block__icon {
    cursor: pointer;
    position: absolute;
    top: 10%;
    right: 0;
    width: 3.73333vw;
  }
  .representative-recent-img-text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 4vw;
    margin-left: 9.33333vw;
    max-height: 21.33333vw;
    overflow: auto;
  }
  .representative-recent-img-text-block span {
    cursor: pointer;
  }
  .representative-recent-img-text-block__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 3.06667vw;
    margin-bottom: 3.06667vw;
    background-color: transparent;
    border: transparent;
  }
  .representative-recent-img-text-block__block img {
    width: 10.66667vw;
    margin-bottom: 2vw;
    border-radius: 7.33333vw;
  }
  .tag-border-block {
    background-color: transparent;
    padding: 1.06667vw 2vw;
    border: 1px solid #303030;
    border-radius: 2vw;
  }
  .leads-tags-in-input-field__tags {
    margin-right: 3.06667vw;
    margin-bottom: 1.2vw;
    margin-top: 0.13333vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    white-space: nowrap;
  }
  .grayColorEmoji {
    color: transparent;
    text-shadow: 0 0 0 rgba(112, 112, 112, 0.9);
  }
  .lead-status-dropDown--emoji {
    margin-left: 7.33333vw;
  }
  .lead-status-dropDown--emoji .Dropdown-control {
    padding-right: 5.06667vw;
  }
  .lead-status-dropDown--emoji .Dropdown-menu {
    margin-top: 0 !important;
    width: 7.46667vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
  }
  .lead-status-dropDown--emoji .Dropdown-option {
    text-align: center;
  }
  .colorBgWhite {
    background: #ffffff;
    opacity: 1 !important;
  }
  .add-tags-button-kanban {
    margin-left: 9.33333vw;
    margin-top: 2.66667vw;
    width: 17.33333vw;
    height: 5.33333vw;
    background: #453890;
    color: #FFFFFF;
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border-collapse: collapse !important;
    line-height: 4.13333vw;
    border: 0;
    border-radius: 5.06667vw !important;
  }
  .kanban-board-emoji {
    font-size: 3.33333vw;
  }
  .leads-title-block-container__new-search-title-block.lead-search-block--cust .message-search-block__input {
    font-size: 1.86667vw;
    width: 56.66667vw;
  }
  .lead_serach_and_button_section {
    margin-top: 5.86667vw;
  }
  .leads-title-block-container__new-search-title-block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 5.46667vw;
    padding-right: 2.8vw;
    margin-bottom: 6vw;
  }
  .leads-title-block-container__new-search-title-block .message-search-block__input {
    font-size: 1.86667vw;
    width: 79.33333vw;
    height: 6.66667vw;
    background: #f7f7f7;
    -webkit-box-shadow: 0 0.4vw 0.8vw #80808028;
            box-shadow: 0 0.4vw 0.8vw #80808028;
    border-radius: 5.06667vw;
    padding-left: 7.33333vw;
    margin-right: 2.66667vw;
    margin-bottom: 2.66667vw;
  }
  .leads-title-block-container__new-search-title-block .message-search-block__icon {
    left: 3.06667vw;
    opacity: 0.6;
    width: 1.73333vw;
  }
  .leads-title-block-container__new-search-title-block .btn-funnel-view {
    text-align: left;
    font-size: 2.4vw;
    color: #ffffff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border: 0;
    width: 29.06667vw;
    height: 6.4vw;
    margin-right: 2.4vw;
    margin-bottom: 2.66667vw;
  }
  .leads-title-block-container__new-search-title-block .btn-funnel-view img {
    width: 2.66667vw;
    height: 2.66667vw;
    margin-left: 4vw;
    margin-right: 2vw;
    margin-bottom: 0.4vw;
  }
  .lead-search-block__leads-level-info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lead-search-block__leads-level-info h5 {
    font-size: 2.26667vw;
    line-height: 3.46667vw;
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
    margin-right: 1.46667vw;
    margin-bottom: 0;
  }
  .lead-search-block__leads-level-info p {
    font-size: 1.86667vw;
    margin-right: 2vw;
    margin-bottom: 0;
  }
  .lead-search-block__leads-level-info p span {
    opacity: 1;
    font-size: 2.8vw;
    margin-right: 0.53333vw;
  }
  .leads-content-container__colms {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 1.86667vw;
    width: 41.46667vw;
    max-height: 90%;
  }
  .leads-content-container__colms:last-child {
    margin-right: 0;
  }
  .leads-content-container .leads-content-container__colms:last-child .kanban-single-status-conainer .lead-single-card-container {
    cursor: default;
  }
  .leads-content-container {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar {
    height: 0.4vw;
    width: 0.4vw;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1.33333vw;
    margin: 1.33333vw;
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-thumb {
    border-radius: 1.33333vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .lead-single-card-container::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    border-radius: 0 0 1.33333vw 1.33333vw;
    background-color: rgba(243, 240, 240, 0.41);
    padding-bottom: 8vw;
    overflow: auto;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar {
    height: 1.6vw;
    width: 1.73333vw;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-track,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-track {
    margin: 2.66667vw;
    background: #d9d2fa;
    border-radius: 6.66667vw;
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-thumb,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-thumb {
    border-radius: 6.66667vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container::-webkit-scrollbar-thumb:hover,
  .leads-content-container .kanban-single-status-conainer::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container .new_leads_container .lead-single-card-container,
  .leads-content-container .new_leads_container .leads-content-block-480,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 {
    word-break: break-all;
    width: 36.26667vw;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
    margin-top: 2.66667vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .leads-content-img,
  .leads-content-container .new_leads_container .leads-content-block-480 .leads-content-img,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .leads-content-img,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .leads-content-img {
    width: 6.53333vw;
    height: 6.53333vw;
    margin-right: 1.33333vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .font-21-medium,
  .leads-content-container .new_leads_container .leads-content-block-480 .font-21-medium,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .font-21-medium,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .font-21-medium {
    font-size: 2.53333vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .font-16-medium span,
  .leads-content-container .new_leads_container .leads-content-block-480 .font-16-medium span,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .font-16-medium span,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .font-16-medium span {
    font-size: 1.86667vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .Dropdown-placeholder.is-selected,
  .leads-content-container .new_leads_container .lead-single-card-container .kanban-board-emoji,
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown .Dropdown-option,
  .leads-content-container .new_leads_container .leads-content-block-480 .Dropdown-placeholder.is-selected,
  .leads-content-container .new_leads_container .leads-content-block-480 .kanban-board-emoji,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown .Dropdown-option,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .Dropdown-placeholder.is-selected,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .kanban-board-emoji,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown .Dropdown-option,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .Dropdown-placeholder.is-selected,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .kanban-board-emoji,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown .Dropdown-option {
    font-size: 2.66667vw;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown .Dropdown-arrow,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown .Dropdown-arrow {
    border-color: #303030 transparent transparent !important;
    border-width: 0.66667vw 0.66667vw 0 !important;
  }
  .leads-content-container .new_leads_container .lead-single-card-container .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .new_leads_container .leads-content-block-480 .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .kanban-single-status-conainer .lead-single-card-container .lead-status-dropDown--emoji .Dropdown-control,
  .leads-content-container .kanban-single-status-conainer .leads-content-block-480 .lead-status-dropDown--emoji .Dropdown-control {
    padding-right: 3.33333vw;
  }
  .leads-content-container .heads {
    text-align: center;
  }
  .leads-content-container .heads .heads__title {
    padding-top: 3.46667vw;
    padding-bottom: 3.2vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border-radius: 1.33333vw 1.33333vw 0 0;
    -webkit-box-shadow: 0 0.4vw 1.33333vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 1.33333vw 0 rgba(0, 0, 0, 0.16);
    margin-bottom: 0;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .leads-content-container .heads .heads__title span {
    margin-right: 1.46667vw;
  }
  .leads-content-container__colms:nth-child(1) .heads__title,
  .leads-content-container__colms:nth-child(2) .heads__title,
  .leads-content-container__colms:nth-child(4) .heads__title,
  .leads-content-container__colms:nth-child(6) .heads__title,
  .leads-content-container__colms:nth-child(7) .heads__title {
    background: linear-gradient(288deg, rgba(25, 4, 229, 0.6) 0%, rgba(250, 178, 255, 0.6) 100%, rgba(234, 175, 200, 0.6) 100%);
  }
  .leads-content-container__colms:nth-child(3) .heads__title,
  .leads-content-container__colms:nth-child(5) .heads__title {
    background: linear-gradient(288deg, rgba(230, 160, 233, 0.6) 0%, rgba(69, 104, 220, 0.6) 88%, rgba(234, 175, 200, 0.6) 100%);
  }
  .leads-content-container {
    height: 100vh;
  }
  .leads-content-container__colms {
    max-height: 100%;
  }
  .new_leads_container,
  .kanban-single-status-conainer {
    height: 70%;
  }
  .leads-content-container__colms:last-child .new_leads_container,
  .leads-content-container__colms:last-child .kanban-single-status-conainer {
    height: calc(70% + 8.17vw);
  }
  .leads-content-container {
    margin-bottom: 2.66667vw;
    height: 70vh;
  }
  .leads-content-container .leads-content-container__colms {
    max-height: 100%;
  }
  .leads-content-container .new_leads_container,
  .leads-content-container .kanban-single-status-conainer {
    border-bottom: 0.4vw solid #faf9f9;
    -webkit-box-shadow: 0 4.66667vw 0.26667vw #faf9f9;
            box-shadow: 0 4.66667vw 0.26667vw #faf9f9;
    height: 75%;
  }
  .leads-content-container::-webkit-scrollbar {
    height: 2.26667vw;
    width: 0.26667vw;
    margin: 2.66667vw;
  }
  .leads-content-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4vw;
    margin: 1.33333vw;
  }
  .leads-content-container::-webkit-scrollbar-thumb {
    border-radius: 4vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .leads-content-container::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  /*=========================
    top menus navbar
==========================*/
  .menu-navbar {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    margin: 8vw 9.06667vw 8vw 9.06667vw !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.66667vw;
    overflow: auto;
    padding-bottom: 4.53333vw;
    /* Left Menus */
  }
  .menu-navbar::-webkit-scrollbar {
    height: 2.13333vw;
    width: 0.26667vw;
  }
  .menu-navbar::-webkit-scrollbar-track {
    background: #dad3fb;
    border-radius: 4vw;
    -webkit-box-shadow: 0 0.8vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.8vw 0.8vw rgba(128, 128, 128, 0.16);
  }
  .menu-navbar::-webkit-scrollbar-thumb {
    border-radius: 4vw;
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .menu-navbar::-webkit-scrollbar-thumb:hover {
    background: #502eff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
  }
  .menu-navbar .dominate-menus-left {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .menu-navbar .dominate-menus-left a:last-child {
    margin-right: 0;
  }
  .menu-navbar .dominate-menus-left .dominate-menus-left__menus {
    border-radius: 0.93333vw;
    opacity: 0.8;
    margin-right: 2.66667vw;
  }
  .menu-navbar .dominate-menus-left li {
    width: 17.86667vw;
    height: 17.86667vw;
  }
  .menu-navbar .dominate-menus-left li img {
    width: 100%;
    height: 100%;
  }
  .activeclass {
    opacity: 1 !important;
  }
  .resp-top-header--main-menu {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bm-overlay,
  .bm-menu-wrap {
    margin-top: 0;
    min-height: 100vh;
  }
  .bm-menu {
    padding-top: 8vw;
  }
  .bm-burger-button {
    position: fixed;
    width: 5.33333vw;
    height: auto;
    left: 4.8vw;
    top: 3.2vw;
  }
  .bm-burger-button button {
    position: absolute;
  }
  .bm-burger-bars {
    background: #373a47;
  }
  .bm-burger-bars-hover {
    background: #a90000;
  }
  .bm-cross-button {
    width: 5.6vw;
    width: 100%;
    right: 2.66667vw !important;
    top: 2.66667vw !important;
  }
  .bm-cross {
    background: rgba(48, 48, 48, 0.57);
  }
  .bm-menu-wrap {
    position: fixed;
    width: 58.4vw !important;
  }
  .bm-menu {
    background: #fdfdfd;
    padding: 0;
    -webkit-box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
  }
  .bm-morph-shape {
    fill: #373a47;
  }
  .bm-item-list {
    color: #303030;
  }
  .bm-item-list .bm-item:last-child {
    border-bottom: 0;
    margin-bottom: 39.46667vw;
  }
  .bm-item {
    font-size: 4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 6.13333vw;
    display: inline-block;
    padding: 2.66667vw 0 2.66667vw 8.26667vw;
    border-bottom: 1px solid rgba(48, 48, 48, 0.12);
  }
  .bm-item:focus {
    outline: none;
  }
  .bm-overlay {
    background: rgba(242, 242, 242, 0.63) !important;
  }
  .profile-title {
    font-size: 3.73333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 5.6vw;
    border-bottom: 0;
    margin-bottom: 8vw;
    margin-top: 2.93333vw;
    padding: 0;
    text-align: center;
  }
  .resp-top-header__profileImgBlock {
    border-bottom: 0;
    padding: 0;
    padding-top: 10.93333vw;
    text-align: center;
  }
  .resp-top-header__profileImgBlock:focus {
    outline: 0;
  }
  .resp-top-header__profileImg {
    width: 24.8vw;
  }
  /* ===============================================================
                    
                        leadsSearchBlock
                    
================================================================== */
  .resp-search-overlay-block {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(242, 242, 242, 0.63);
    z-index: 1001;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .resp-search-overlay-block.active {
    opacity: 1;
  }
  .resp-search-overlay-block__element {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .resp-search-block {
    position: relative;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    overflow: auto;
    background: #ffffff;
    -webkit-box-shadow: 2.66667vw 2.66667vw 2.66667vw rgba(0, 0, 0, 0.16);
            box-shadow: 2.66667vw 2.66667vw 2.66667vw rgba(0, 0, 0, 0.16);
    padding: 5.06667vw 5.33333vw 5.06667vw 8vw;
  }
  .resp-search-block h6 {
    cursor: pointer;
  }
  .search-text-border-bottom {
    padding-bottom: 2.66667vw;
    margin-bottom: 2.66667vw;
    border-bottom: 0.5px solid rgba(112, 112, 112, 0.26);
  }
  .resp-search-input-block-outer {
    position: relative;
    margin: 9.6vw 5.86667vw 6.93333vw 6.66667vw;
  }
  .resp-search-input-block-outer .resp-search-input-block-img {
    width: 3.46667vw;
    position: absolute;
    top: 2.93333vw;
    left: 6.13333vw;
    opacity: 0.7;
  }
  .resp-search-input-block-outer .resp-search-input-block-input {
    width: 100%;
    height: 9.06667vw;
    padding: 2.66667vw;
    padding-left: 12.26667vw;
    padding-right: 6.13333vw;
    border: 0;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(128, 128, 128, 0.16);
    border-radius: 4.53333vw;
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
    font-size: 3.73333vw;
    color: rgba(48, 48, 48, 0.9);
  }
  .resp-search-input-block-outer .resp-search-input-block-input::-webkit-input-placeholder {
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
  }
  .resp-search-input-block-outer .resp-search-input-block-input:-ms-input-placeholder {
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
  }
  .resp-search-input-block-outer .resp-search-input-block-input::-ms-input-placeholder {
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
  }
  .resp-search-input-block-outer .resp-search-input-block-input::placeholder {
    font-family: Poppins-LightItalic, sans-serif, "Helvetica";
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .customModal--mail-max-height {
    min-height: 87.33333vw !important;
    max-height: 92.66667vw;
    overflow: auto;
  }
  .backtokanban_button {
    position: absolute;
    width: 7.33333vw;
    left: 2.93333vw;
  }
  .backtokanban_button:hover {
    cursor: pointer;
  }
  .files-open-btn {
    margin-top: 2.66667vw;
    height: 5.33333vw;
    background: #453890;
    color: #ffffff;
    width: 14vw;
    font-size: 2vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    border: 0;
    border-radius: 0.8vw;
  }
  .activity-outer-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .activity-outer-container .activity-outer-container__colm1 {
    width: 100%;
    padding: 1.33333vw 4.26667vw 5.33333vw 11.46667vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activity-outer-container .activity-outer-container__colm2 {
    width: 100%;
  }
  .activity-title-img-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.53333vw;
    word-break: break-all;
  }
  .activity-page-lead-img {
    width: 8vw;
    margin-right: 2.26667vw;
  }
  .btn-funnel-view--activitySummary {
    width: 20.66667vw;
    height: 5.33333vw;
    margin-right: 2.8vw;
    margin-bottom: 1.33333vw;
    color: #ffffff;
    border: transparent;
    background: #3f81ff;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    border-radius: 2.66667vw;
  }
  .activity-summary-about {
    margin-top: 0;
    margin-bottom: 0;
  }
  .activity-summary-about h6 {
    margin-bottom: 2.13333vw;
  }
  .contact-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    margin-bottom: 1.2vw;
  }
  .contact-content-block .contact-content-block__imgDiv {
    width: 5.06667vw;
    margin-right: 1.2vw;
  }
  .summary-gmailImg {
    width: 5.06667vw;
  }
  .summary-outlookImg {
    font-size: 4.26667vw;
    line-height: 4.26667vw;
    width: 4.26667vw;
    border-radius: 0.4vw;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
  }
  .summaryLocation {
    font-size: 3.73333vw;
    line-height: 5.46667vw;
    width: 4.26667vw;
  }
  .summaryLocationText {
    width: 50%;
    word-break: break-word;
  }
  .summary-border-bottom {
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
    padding-bottom: 4.26667vw;
  }
  .justify-content-space-between {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .activity-summary-about__mobileDisplay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 4vw;
    padding-right: 4vw;
  }
  .resp-activity-page-lead-img {
    border-radius: 50%;
    width: 23.46667vw;
    margin-bottom: 1.86667vw;
  }
  /* =========================================================== */
  /* ===============================================================
                    
                            activity

================================================================== */
  .activity-delete-img {
    height: 3.73333vw;
    cursor: pointer;
  }
  .ac-activity-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3.6vw;
    padding-right: 5.46667vw;
    padding-bottom: 3.6vw;
    border-top: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-activity-card:last-child {
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-activity-emoji {
    margin-left: 9.06667vw;
    margin-right: 11.86667vw;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .ac-email-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ac-email-title h5 {
    cursor: pointer;
  }
  .activity-text-border-right {
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
  .activity-text-border-right::before {
    content: "";
    display: block;
    width: 1px;
    height: 2.66667vw;
    background-color: rgba(112, 112, 112, 0.49);
  }
  .leads-title-block-btn-red-bg--activity {
    width: 18.53333vw;
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.6vw;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
  }
  .rc-dropdown-menu > .rc-dropdown-menu-item:hover,
  .rc-dropdown-menu > .rc-dropdown-menu-item-active,
  .rc-dropdown-menu > .rc-dropdown-menu-item-selected {
    background-color: #f7f7f7 !important;
  }
  .ac-activity-card--email {
    padding-left: 2.66667vw;
    padding-right: 1.33333vw;
  }
  .ac-activity-card--email .rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    right: 1px !important;
  }
  .ac-email-lead-img {
    width: 8.26667vw;
    margin-right: 4vw;
    border-radius: 50%;
  }
  .ac-email-edit-dropdown-img {
    cursor: pointer;
    height: 2.4vw;
    width: 2.4vw;
  }
  .border-bottom-gray-light {
    border-bottom: 0.5px solid rgba(112, 112, 112, 0.14);
    padding-bottom: 0.66667vw;
    margin-bottom: 0.66667vw;
  }
  .ac-email-modal-form-block {
    padding: 0;
    padding-right: 2.66667vw;
  }
  .ac-email-modal-subject-input {
    width: 100%;
    padding: 1.33333vw;
    border: 0.5px solid rgba(112, 112, 112, 0.14);
    border-left: transparent;
    border-right: transparent;
  }
  .ac-email-modal-subject-textarea {
    width: 100%;
    border-color: transparent;
    border-radius: 1.33333vw;
    -webkit-box-shadow: inset 0 0 4vw rgba(128, 128, 128, 0.16);
            box-shadow: inset 0 0 4vw rgba(128, 128, 128, 0.16);
    padding: 1.33333vw;
  }
  .btn-funnel-view--activitySummary--email {
    width: 29.06667vw;
    height: 7.2vw;
    font-size: 2.8vw;
    line-height: 1.33333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    background: #453890;
  }
  .btn-funnel-view--emailTemplate {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 7.2vw;
    padding-left: 3.33333vw;
    padding-right: 3.33333vw;
    font-size: 2.8vw;
    line-height: 1.33333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    margin-bottom: 0;
    color: #453890;
    border-color: #453890;
  }
  .btn-funnel-view--emailUseTemplate {
    height: 5.6vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 2vw;
    padding-right: 2vw;
    line-height: 1.33333vw;
    margin-bottom: 0;
    margin-left: 1.6vw;
    font-size: 2.13333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    border: none;
    text-transform: capitalize;
    color: #ffffff;
    background: rgba(65, 88, 208, 0.8);
    background: -webkit-gradient(linear, left top, right top, from(rgba(65, 88, 208, 0.8)), color-stop(35%, rgba(200, 80, 192, 0.8)), to(rgba(255, 204, 112, 0.8)));
    background: linear-gradient(90deg, rgba(65, 88, 208, 0.8) 0%, rgba(200, 80, 192, 0.8) 35%, rgba(255, 204, 112, 0.8) 100%);
  }
  .ac-email-modal-btns-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2.66667vw;
  }
  .ac-email-template-delete-img {
    cursor: pointer;
    height: 4vw;
    margin-top: 0.4vw;
    margin-left: 3.06667vw;
  }
  .ac-activity-card--emailUseTemplate {
    margin: 0 1.33333vw 1.33333vw 0;
    padding: 0 2.66667vw 0 2.66667vw;
    padding-top: 2.13333vw;
    border-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
    border-radius: 2vw;
  }
  .ac-activity-card--emailUseTemplate:last-child {
    border-bottom: 0;
  }
  .ac-activity-card--emailUseTemplate .font-18-semibold,
  .ac-activity-card--email .font-18-semibold {
    font-size: 2.8vw;
  }
  .ac-use-template-border-bottom {
    padding-bottom: 3.6vw;
  }
  .ac-use-template-border-bottom {
    padding-right: 1.33333vw;
    margin-right: 1.46667vw;
    border: none;
    width: 100%;
  }
  .ac-email-template-outer-container {
    margin-bottom: 4vw;
    max-height: 73.33333vw;
    overflow: auto;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .ac-call-recording-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 1.73333vw;
    margin-bottom: 3.46667vw;
  }
  .activity-text-border-right--acCallLog {
    margin-left: 6vw;
    margin-right: 6vw;
  }
  .justify-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ac-call-log-history-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.93333vw 6vw;
    margin-right: 8.93333vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-call-log-history-card:last-child {
    border-bottom: 0;
  }
  .ac-call-log-history-card .ac-call-log-history-card__1 {
    width: 28.4vw;
    padding-right: 4vw;
  }
  .ac-call-log-history-card .ac-call-log-history-card__2 {
    width: 35.06667vw;
    padding-right: 4vw;
  }
  .ac-call-log-history-card .ac-call-log-history-card__3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ac-call-recordings-content {
    padding-left: 6.53333vw;
  }
  .ac-call-recordings-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ac-call-recording-card {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
    border-top-left-radius: 0.93333vw;
    border-top-right-radius: 0.93333vw;
    position: relative;
    margin-right: 2.8vw;
    margin-bottom: 7.33333vw;
  }
  .ac-call-recording-card .ac-call-recording-card__overflow {
    width: 22.8vw;
    height: 26.8vw;
    margin: 1.33333vw 0;
    overflow: auto;
    padding: 0 1.33333vw;
  }
  .ac-call-recording-card::after {
    content: "";
    position: absolute;
    bottom: -3.06667vw;
    width: 100%;
    height: 3.06667vw;
    display: block;
    -webkit-box-shadow: 0 0.66667vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.66667vw 6.66667vw rgba(128, 128, 128, 0.16);
    background: rgba(0, 60, 255, 0.3);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 60, 255, 0.3)), color-stop(82%, rgba(154, 184, 255, 0.3)));
    background: linear-gradient(180deg, rgba(0, 60, 255, 0.3) 0%, rgba(154, 184, 255, 0.3) 82%);
    border-bottom-left-radius: 0.93333vw;
    border-bottom-right-radius: 0.93333vw;
  }
  .ac-call-recording-audio-img {
    margin-top: 7.73333vw;
    margin-bottom: 1.73333vw;
    width: 7.6vw;
  }
  .ac-email-edit-dropdown-img--callRecording {
    position: absolute;
    right: 0.26667vw;
    top: 1.33333vw;
  }
  /* ===============================================================
                    
                            activity

================================================================== */
  .leads-title-block-btn-red-bg--notes {
    width: 20vw;
    font-size: 2.4vw;
    line-height: 3.6vw;
  }
  .searchBlockStyle {
    width: 33.33333vw !important;
    border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  }
  .ac-notes-cards-container {
    margin-top: 5.06667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .ac-notes-cards-container .ac-notes-cards-container__card {
    margin-right: 4vw;
    margin-bottom: 4vw;
    border-radius: 2.66667vw;
    -webkit-box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0 6.66667vw rgba(128, 128, 128, 0.16);
    background-color: #ffffff;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflow,
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflowHidden {
    width: 38.66667vw;
    height: 12.66667vw;
    margin: 3.46667vw 3.46667vw 4.4vw 3.46667vw;
    padding: 0 0.53333vw;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflow {
    overflow: auto;
    height: 17.33333vw;
    margin: 3.46667vw 3.46667vw 4.13333vw 3.46667vw;
  }
  .ac-notes-cards-container .ac-notes-cards-container__cardOverflowHidden {
    overflow: hidden;
  }
  .ac-notes-modal-container,
  .ac-files-modal-container {
    max-height: 93.33333vw;
    overflow: auto;
  }
  .ac-notes-modal-container {
    padding: 5.6vw 8.26667vw 1.6vw 5.6vw;
  }
  .ac-notes-border-bottom-gray {
    padding-bottom: 3.33333vw;
    margin-bottom: 6vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.19);
  }
  .ac-files-modal-container {
    padding: 2.93333vw 1.06667vw 0.4vw 3.2vw;
  }
  .ac-input-file-block-textarea {
    margin: 12.13333vw 9.46667vw 4.13333vw 7.33333vw;
  }
  .ac-input-file-block-textarea textarea {
    padding: 4vw;
  }
  .ac-input-file-block {
    margin: 0 9.46667vw 0 7.33333vw;
    position: relative;
  }
  .ac-input-file-block .ac-input-file-block__textInput,
  .ac-input-file-block .ac-input-file-block__fileInput {
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 100%;
    height: 6.8vw;
    padding-left: 5.06667vw;
    padding-right: 5.06667vw;
  }
  .ac-input-file-block .ac-input-file-block__textInput {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: transparent;
    background-color: #f7f7f7;
    border-radius: 3.46667vw;
    padding: 1.33333vw 5.06667vw;
  }
  .ac-input-file-block .ac-input-file-block__fileInput {
    opacity: 0;
    z-index: 999;
  }
  .ac-input-file-block__note {
    padding-left: 9.06667vw;
    opacity: 0.32;
    position: relative;
    top: 9.2vw;
  }
  .ac-input-file-block__border-onfocus {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 6.8vw;
    padding-left: 5.06667vw;
    padding-right: 5.06667vw;
    z-index: 0;
  }
  .ac-input-file-block__fileInput:focus + .ac-input-file-block__border-onfocus {
    content: "";
    border: 0.26667vw solid rgba(204, 204, 204, 0.2) !important;
    border-radius: 4vw;
    display: block;
  }
  .ac-input-file-block__errorBlock {
    padding-left: 9.46667vw;
    position: relative;
    top: 9.6vw;
  }
  .ac-input-file-block__errorBlock-description {
    padding-left: 2.66667vw;
  }
  .ac-files-buttons-container {
    text-align: right;
    margin-top: 4.93333vw;
  }
  .ac-files-buttons-container--notes {
    margin-top: 7.6vw;
  }
  .btn-funnel-view--files {
    width: 23.6vw;
    margin-top: 2.26667vw;
  }
  .btn-funnel-view--files:first-child {
    margin-right: 2.26667vw;
  }
  .btn-funnel-view--filesSelect {
    width: 100%;
    height: auto;
    border: transparent;
    background: #dddddd;
  }
  .notes-3-dots-div {
    position: relative;
  }
  .notes-3-dots-img {
    position: absolute;
    right: 0.13333vw;
  }
  /* ===============================================================
                    
                            activity tabs

================================================================== */
  .activityMenuTabs .rwt__tablist {
    padding: 0 6vw 0 6.4vw;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .activityMenuTabs .rwt__tablist button {
    padding: 2.66667vw;
    border: transparent;
    background-color: transparent;
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
  }
  .activityMenuTabs .rwt__tablist button[aria-selected="true"] {
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .activityMenuTabs .rwt__tabpanel {
    margin: 4.4vw 7.33333vw 4.4vw 7.33333vw;
    overflow: auto;
  }
  /* ===============================================================
                    
                    activity : summary view profile

================================================================== */
  .activity-summary-view-profile {
    padding: 0.66667vw 3.33333vw 2.66667vw 6vw;
  }
  .activity-summary-view-profile__overflow-block {
    max-height: 73.33333vw;
    overflow: auto;
  }
  .activity-title-img-text--view-profile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .activity-summary-view-profile__fold3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .activity-summary-view-profile__fold3 .activity-summary-about {
    word-break: break-all;
    margin-right: 8vw;
    margin-top: 2.66667vw;
  }
  .activity-summary-view-profile__fold3 .activity-summary-about:last-child {
    margin-right: 0;
  }
  .view-profile-icon-edit {
    margin-left: 2.26667vw;
    width: 3.2vw;
  }
  .view-profile-icon-delete {
    margin-left: 2.8vw;
    width: 3.2vw;
  }
  /* ===============================================================
                    
                            activity timeline

================================================================== */
  .leads-timeline-icons-block {
    width: 3.33333vw;
  }
  .leads-timeline-orange-icon {
    display: block;
    width: 3.33333vw;
    margin-bottom: 2.13333vw;
  }
  .leads-timeline-gray-icon {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #eaeaea;
    margin-bottom: 2.13333vw;
  }
  .leads-timeline-left-block-with-icons,
  .leads-timeline-right-block-with-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .leads-timeline-left-block-with-icons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .leads-timeline-right-block-with-icons {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .leads-timeline-left-block,
  .leads-timeline-right-block {
    width: 66.13333vw;
    height: 14.93333vw;
    overflow: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 4vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.4vw 4vw rgba(0, 0, 0, 0.1);
    padding: 3.73333vw 2.66667vw 2.4vw 4.93333vw;
  }
  .leads-timeline-left-block {
    border-radius: 2.66667vw 0 2.66667vw 2.66667vw;
    margin-right: 4vw;
  }
  .leads-timeline-right-block {
    border-radius: 0 2.66667vw 2.66667vw 2.66667vw;
    margin-left: 4vw;
    margin-right: 3.6vw;
  }
  .leads-timeline-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .leads-timeline-card .leads-timeline-card__div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .leads-timeline-card .leads-timeline-card__div-img {
    width: 3.06667vw;
    margin-right: 1.33333vw;
    border-radius: 4vw;
  }
  /*===============================================
              Employee data css
================================================*/
  /*============================
      Add Employees css
=============================*/
  .employees-dte-of-joining {
    margin-left: 7.73333vw;
    margin-top: 6vw;
  }
  .employee-data-container {
    margin-top: 0.26667vw;
  }
  .employee-data-container .rwt__tablist {
    text-align: center;
  }
  .employee-data-container .icon-table-column {
    width: 13.33333vw;
  }
  .employee-data-container .content-column {
    width: 66.66667vw;
  }
  .employee-data-container .time-column {
    width: 8vw;
    vertical-align: inherit !important;
  }
  .employee-data-container .table td,
  .employee-data-container .table th {
    padding: 2.66667vw;
    vertical-align: top;
    border-bottom: 0.4vw solid #dee2e6;
    border-top: none;
  }
  .employee-data-container .employee-data-activity p {
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-family: Poppins-Regular;
    margin: 0;
    color: #303030;
  }
  .employee-data-container .employee-data-activity span {
    font-family: Poppins-SemiBold;
  }
  .employee-data-container .employee-data-leads-own {
    overflow: auto;
  }
  .employee-data-container .employee-data-leads-own th,
  .employee-data-container .employee-data-leads-own td {
    width: 20%;
    word-break: break-all;
  }
  .employee-data-container .employee-data-leads-own img {
    height: auto;
    width: 6.66667vw;
    margin-right: 2vw;
  }
  .employee-data-container .employee-data-leads-own th {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .employee-data-container .employee-data-leads-own td {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Medium;
    vertical-align: inherit !important;
  }
  /*============================
    Customers CSS
=============================*/
  .customers-overview-container {
    padding-left: 18.8vw;
    padding-top: 3.33333vw;
  }
  .customers-search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .fa-search,
  .fa-list:hover {
    cursor: pointer !important;
  }
  /*==========================
    Customers Block veiw css
  ============================*/
  .customers-block-view-conatiner {
    padding-left: 5.46667vw !important;
    padding-right: 5.46667vw !important;
    margin-top: 4vw;
  }
  .customers-block-view-conatiner .customers-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
    width: 38.26667vw;
    height: 20vw;
    border-radius: 1.33333vw;
    margin-bottom: 4vw;
    overflow: auto;
  }
  .customers-block-view-conatiner .card-avatar-section {
    margin-left: 1.33333vw;
    margin-right: 3.33333vw;
  }
  .customers-block-view-conatiner .card-avatar-section img {
    height: auto;
    width: 10vw;
    border-radius: 50px;
  }
  .customers-block-view-conatiner .card-content-section {
    word-break: break-all;
  }
  .customers-block-view-conatiner .card-content-section h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    margin-top: 0vw;
    color: #303030;
    margin-bottom: 0;
  }
  .customers-block-view-conatiner .card-content-section p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    margin-bottom: 0;
  }
  .customers-block-view-conatiner .card-content-section .status {
    font-size: 2.4vw;
    color: #303030;
    line-height: 3.6vw;
  }
  /*==========================
    Customers List veiw css
  ============================*/
  .customer-list-view-outer-block {
    overflow: auto;
    width: 100%;
  }
  .customer-list-view-outer-block table {
    color: #303030;
    table-layout: fixed;
    word-break: break-all;
  }
  .customer-list-view-outer-block table th:nth-child(1),
  .customer-list-view-outer-block table th:nth-child(3),
  .customer-list-view-outer-block table td:nth-child(1),
  .customer-list-view-outer-block table td:nth-child(3) {
    width: 40.66667vw;
  }
  .customer-list-view-outer-block table th:nth-child(4),
  .customer-list-view-outer-block table td:nth-child(4) {
    width: 46.66667vw;
  }
  .customer-list-view-outer-block table th,
  .customer-list-view-outer-block table td {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    width: 36vw;
    vertical-align: middle;
  }
  .customer-list-view-outer-block table th {
    padding: 3.06667vw;
    font-family: Poppins-Bold, sans-serif;
  }
  .customer-list-view-outer-block table td {
    padding: 3.33333vw 3.06667vw !important;
    font-family: Poppins-Medium, sans-serif;
  }
  .customer-list-view-outer-block table tr:last-child td {
    border-bottom: 0;
  }
  .customers-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 2vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6.66667vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    /*======================
      Toggle Switch CSS
    =======================*/
  }
  .customers-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.13333vw solid rgba(48, 48, 48, 0.4);
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    color: #303030;
    padding-top: 4.53333vw;
    padding-bottom: 4.53333vw;
  }
  .customers-list-view-container .table td,
  .customers-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: baseline;
    border-top: transparent;
  }
  .customers-list-view-container img {
    height: auto;
    width: 7.33333vw;
    margin-right: 2.93333vw;
    border-radius: 4vw;
  }
  .customers-list-view-container .edit-img-customer {
    height: auto;
    width: 4vw;
    margin-left: 0vw;
    position: absolute;
    top: 0.53333vw;
    right: 0;
    margin-right: 0;
  }
  .customers-list-view-container .edit-img {
    height: auto;
    width: 4vw;
    margin-left: 0vw;
    position: absolute;
    right: 0;
    margin-right: 0;
  }
  .customers-list-view-container .toggle-switch-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .customers-list-view-container .toggle-switch-section p {
    margin: 0;
  }
  .customers-list-view-container .toggle-switch-section label {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .customers-table-title .table,
  .customers-table-title thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    font-style: italic;
  }
  /************************************
         Sliding Component Css
  ************************************/
  .toggle .toggle-chk-circle {
    position: relative;
    background-color: #fff;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 7.06667vw;
    height: 3.6vw;
    border-radius: 8vw;
    position: relative;
    outline: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
  }
  .toggle input {
    cursor: pointer;
    width: 7.06667vw;
    height: 3.6vw;
    position: absolute;
    z-index: 1;
    background: black;
    opacity: 0;
  }
  .toggle input:checked + .toggle__switch {
    background-color: #fff;
  }
  .toggle input:checked + .toggle__switch:after {
    left: 7%;
    background-color: #72ff5a;
  }
  .toggle .toggle__switch:after {
    content: "";
    display: block;
    width: 2.8vw;
    height: 2.8vw;
    background-color: #cccccc;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 8vw;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    left: calc(100% - 2.9vw);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  /*====================================
          Profile Page Css
=====================================*/
  .user-profile-page-main-container {
    /*========================= 
            form css
  ==========================*/
  }
  .user-profile-page-main-container .next_subscription_info {
    color: blue;
    font-size: 2.4vw;
    font-family: Poppins-SemiBold;
  }
  .user-profile-page-main-container h3 {
    font-family: Poppins-Medium;
    font-size: 3.73333vw;
  }
  .user-profile-page-main-container p {
    font-family: Poppins-Regular;
  }
  .user-profile-page-main-container .employee-data-container {
    min-height: 100vh;
  }
  .user-profile-page-main-container .payment-main-conatiner {
    width: 100%;
  }
  .user-profile-page-main-container .payment-main-conatiner .buttons-section {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .user-profile-page-main-container .activity-title-img-text {
    text-align: center;
    display: block;
  }
  .user-profile-page-main-container .activity-title-img-text img {
    width: 20vw;
    height: 20vw;
    margin-right: 2.26667vw;
    border-radius: 50%;
  }
  .user-profile-page-main-container p {
    margin-bottom: 4vw;
  }
  .user-profile-page-main-container .edit-profile-form-container {
    width: 66.66667vw;
    margin-top: 4vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .form-group {
    display: -ms-grid;
    display: grid;
    margin-bottom: 4vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .add-lead-label {
    margin: 0;
  }
  .user-profile-page-main-container .edit-profile-form-container label {
    font-size: 2.66667vw;
    font-family: Poppins-SemiBold;
  }
  .user-profile-page-main-container .edit-profile-form-container input {
    border: none;
    background-color: #f7f7f7;
    border-radius: 4vw;
    height: 6.66667vw;
    padding: 2vw;
  }
  .user-profile-page-main-container .edit-profile-form-container button {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 20vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 3.2vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .disabled-field {
    background-color: #fcfcfc;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .user-profile-page-main-container .justify-content-space-between {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .employees-delete-btn {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 33.33333vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 2.4vw;
    line-height: 4.13333vw;
  }
  .user-profile-page-main-container .edit-profile-form-container--workspace {
    width: 99.46667vw;
  }
  .user-profile-page-main-container .edit-profile-form-container--workspace button {
    width: 31.33333vw;
    height: 6.66667vw;
  }
  .profile-info-tab-logo-block {
    margin-bottom: 5.33333vw;
    margin-right: 15.86667vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .add-quotation-final-modal-logo {
    width: 13.46667vw;
    height: 13.46667vw;
    font-size: 1.46667vw;
  }
  .user-profile-page-main-container .edit-profile-form-container .add-quotation-final-modal-logo img {
    width: 100%;
  }
  .user-profile-page-main-container .edit-profile-form-container .quotation-upload-img__btn,
  .user-profile-page-main-container .edit-profile-form-container .quotation-upload-img__input {
    width: 19.86667vw;
    height: 4vw;
    font-size: 1.46667vw;
    font-family: Poppins-Regular, sans-serif, "Helvetica";
  }
  /* ===============================================================
                   message                
================================================================== */
  .dashboard-message {
    padding-left: 5.46667vw;
    padding-right: 5.46667vw;
    padding-bottom: 5.46667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dashboard-message__colm1 {
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
    position: relative;
  }
  .dashboard-message__colm1,
  .dashboard-message__colm2 {
    height: calc(100vh - 19vw);
    overflow: hidden;
  }
  .dashboard-message__colm1__overflow-cards {
    height: calc(100vh - 38vw - 7.1875vw);
    overflow: auto;
  }
  .message-colm2-block__container {
    height: calc(100vh - 38vw - 11.40625vw);
    overflow: auto;
  }
  .dashboard-message__colm2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
  }
  .no_users_found_for_chat {
    text-align: center;
    margin-top: 30px;
    font-family: Poppins-Medium;
  }
  /* ===============================================================
                   message colm 1          
================================================================== */
  .dashboard-message__colm1__row1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2vw 3.06667vw 3.06667vw 3.06667vw;
  }
  .dashboard-message__colm1__row1-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dashboard-message__colm1__row1__img {
    width: 6.66667vw;
    margin-right: 3.6vw;
    border-radius: 50%;
  }
  .dashboard-message__colm1__row1__img2 {
    cursor: pointer;
    width: 4vw;
  }
  .message-search-block {
    padding-left: 4.53333vw;
    padding-right: 4.53333vw;
    position: relative;
    margin-bottom: 2.66667vw !important;
  }
  .message-search-block__input {
    width: 100%;
    height: 6.66667vw;
    background: #f7f7f7;
    border-radius: 5.6vw;
    border: transparent;
    padding-left: 4vw;
    padding-right: 6.4vw;
    font-size: 2.4vw;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::-webkit-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input:-ms-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::-ms-input-placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__input::placeholder {
    color: #a0a0a0;
    font-family: Poppins-ExtraLightItalic, sans-serif, Helvetica;
  }
  .message-search-block__icon {
    width: 2.66667vw;
    position: absolute;
    right: 6.93333vw;
    top: 2.4vw;
    cursor: pointer;
  }
  .message-colm1-card {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.46667vw 5.86667vw 3.73333vw 5.86667vw;
  }
  .message-colm1-card h2 {
    font-size: 2.8vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    margin-bottom: 0;
    padding-bottom: 2.13333vw;
  }
  .message-colm1-card p {
    font-size: 2.4vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .message-colm1-card .fa-caret-right {
    font-size: 2.8vw;
    font-family: "FontAwesome";
    margin-right: 1.6vw;
  }
  .message-colm1-card__text-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .message-colm1-card__img {
    width: 9.33333vw;
    margin-right: 3.2vw;
    border-radius: 50%;
  }
  .message-colm1-card__active {
    background-color: #fafafa;
  }
  .message-pb-16 {
    padding-bottom: 2.13333vw;
  }
  .message-colm1-card__notification {
    padding: 0.26667vw 2vw;
    background-color: #1aff7c;
    border-radius: 2vw;
  }
  .message-colm1-card__notification span {
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
    color: #ffffff;
  }
  /* ===============================================================
                   message colm 2      
================================================================== */
  .message-colm2-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3.06667vw 9.73333vw;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
    position: relative;
  }
  .message-colm2-block__container {
    padding: 7.06667vw 4.26667vw;
  }
  .message-colm2-block__msg-received,
  .message-colm2-block__msg-sent {
    min-width: 38.4vw;
    max-width: 84.53333vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
    border-radius: 2vw;
    position: relative;
  }
  .message-colm2-block__msg-received .fa-caret-left,
  .message-colm2-block__msg-received .fa-caret-right,
  .message-colm2-block__msg-sent .fa-caret-left,
  .message-colm2-block__msg-sent .fa-caret-right {
    position: absolute;
    font-size: 4.8vw;
    color: #ffffff;
    font-family: "FontAwesome";
  }
  .message-colm2-block__msg-received {
    padding: 2.66667vw 2.53333vw 2.4vw 5.33333vw;
  }
  .message-colm2-block__msg-received .fa-caret-left {
    top: 1.2vw;
    left: -2vw;
  }
  .message-colm2-block__msg-sent {
    padding: 2.66667vw 5.33333vw 2.4vw 2.53333vw;
    margin-bottom: 2.66667vw;
  }
  .message-colm2-block__msg-sent .fa-caret-right {
    top: 1.2vw;
    right: -2vw;
  }
  .message-colm2-block__sent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .message-colm2-block__msg-received-time {
    font-size: 2.4vw;
    font-weight: 300;
    font-family: "Poppins-Light", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
    padding: 1.33333vw;
  }
  .message-colm2-block__input {
    height: 16vw;
    padding: 5.2vw 4vw;
    padding-right: 0;
    margin-left: 0;
    border: 0;
    border-top: 0.4vw solid #80808028;
    font-size: 2.8vw;
    width: 69%;
  }
  .message-colm2-block__input::-webkit-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input:-ms-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input::-ms-input-placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__input::placeholder {
    color: #a0a0a0;
  }
  .message-colm2-block__element {
    border-top: 0.4vw solid #80808028;
    height: 16vw;
    padding: 5.2vw 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-colm2-block__element span {
    margin-right: 2.93333vw;
  }
  .message-colm2-block__input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.33333vw;
  }
  .btn-funnel-view--msg-colm2 {
    width: 14.66667vw;
    height: 5.6vw;
  }
  .message-colm2-block__border-gray-right {
    border-right: 0.26667vw solid #a0a0a0;
    margin-right: 2.93333vw;
    height: 5.06667vw;
    display: inline-block;
    vertical-align: middle;
  }
  .message-colm2-block__element-file-block {
    position: relative;
    left: -1.33333vw;
    width: 5.33333vw;
    z-index: 9;
  }
  .message-colm2-block__element-file-block .message-colm2-block__element-file,
  .message-colm2-block__element-file-block span {
    position: absolute;
    width: 5.33333vw;
  }
  .message-colm2-block__element-file-block .message-colm2-block__element-file {
    opacity: 0;
    z-index: 1;
  }
  .message-main-emoji-block {
    position: relative;
  }
  .message-main-emoji-block .message-emoji-block {
    position: absolute;
    top: -46vw;
    left: -26.66667vw;
    width: 42.53333vw;
    height: 42.93333vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
    padding: 2.66667vw 0 2.66667vw 4.26667vw;
    border-radius: 1.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: baseline;
        align-content: baseline;
  }
  .message-main-emoji-block .message-emoji-block li {
    cursor: pointer;
    list-style-type: none;
    margin-right: 2.13333vw;
    margin-bottom: 3.73333vw;
  }
  .message-main-emoji-block .message-main-emoji-block__block1 {
    position: relative;
  }
  .message-main-emoji-block .message-main-emoji-block__block1 .fa-caret-down {
    position: absolute;
    font-size: 4.8vw;
    color: #ffffff;
    font-family: "FontAwesome";
    bottom: 0;
    left: 0.66667vw;
    z-index: 1;
  }
  /* ===============================================================
                   message new chat modal     
================================================================== */
  .message-new-chat-modal-container {
    padding: 5.2vw 10.66667vw 0 14.53333vw;
  }
  .message-new-chat-modal-container .dropdown-input-class {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 0.4vw solid #cccccc;
  }
  /* ===============================================================
                    
                        dashboard alerts
                    
================================================================== */
  .dashboard-meeting-count {
    font-size: 17.33333vw;
    text-align: center;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
  }
  .leads-content-container--dashboard {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dashboard-alert {
    padding: 5.06667vw 5.46667vw;
  }
  .dashboard-alert__element {
    padding: 1.33333vw 4.13333vw 1.33333vw 3.2vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
    border-radius: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.33333vw;
  }
  .dashboard-alert__element__imgText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dashboard-alert__bellIcon {
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 6.13333vw;
  }
  .dashboard-alert__deleteIcon {
    width: 2vw;
    height: 2vw;
    cursor: pointer;
  }
  .dashboard-alert__deleteIcon-customize {
    width: 3.33333vw;
    margin-right: 11.33333vw;
    cursor: pointer;
  }
  .reschedule {
    color: #ff3636;
    margin-right: 8.8vw;
  }
  .reschedule:hover {
    cursor: pointer;
  }
  .content-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content-space-between h3 {
    margin-left: 0;
    font-size: 3.73333vw;
  }
  .btn-funnel-view--customize {
    width: 24vw;
    height: 6.66667vw;
    border: none;
    border-radius: 4vw;
    color: white;
    background: #453890;
    font-size: 2.66667vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .dashboard-widget-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
  }
  .dashboard-widget-list-block {
    padding: 2.66667vw 6.66667vw 2.66667vw 10.13333vw;
    background: #ffffff;
    -webkit-box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
  }
  .dashboard-widget-list-block h6 {
    padding-left: 12vw;
  }
  .widgetListSlider {
    margin-top: 2.66667vw;
    margin-bottom: 1.33333vw;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    content: "" !important;
    width: 2vw !important;
    height: 2vw !important;
    border: 2px solid #707070 !important;
    display: block !important;
    border-top: 0 !important;
    border-right: 0 !important;
  }
  .widgetListSlider .slick-prev {
    left: -6vw !important;
  }
  .widgetListSlider .slick-prev,
  .widgetListSlider .slick-next {
    top: 45% !important;
  }
  .widgetListSlider .slick-prev:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .widgetListSlider .slick-next:before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    color: #707070 !important;
  }
  .widgetListSlider .slick-prev:before,
  .widgetListSlider .slick-next:before {
    font-size: 4vw !important;
  }
  .dashboard-overview-blocks {
    padding: 1.33333vw 1.46667vw 1.33333vw 5.46667vw;
  }
  .dashboard-overview-blocks--new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dashboard-overview-blocks__diamondIcon {
    width: 2.13333vw;
    position: absolute;
    top: 1.86667vw;
    right: 2.8vw;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .dashboard-overview-blocks__predictions,
  .dashboard-overview-blocks__simpleCard,
  .dashboard-overview-blocks__widgetCard,
  .dashboard-overview-blocks__performanceCard,
  .dashboard-overview-blocks__calendarCard,
  .dashboard-overview-blocks__salesCard,
  .dashboard-overview-blocks__meetingsCard,
  .dashboard-overview-blocks__followupsCard,
  .dashboard-overview-blocks__messagesCard {
    position: relative;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
    border-radius: 2vw;
    margin: 0 4vw 4vw 0;
    overflow: auto;
  }
  .dashboard-overview-blocks__predictions {
    padding: 3.33333vw;
    width: 154.13333vw;
    height: auto;
    background: #ffffff;
  }
  .dashboard-overview-blocks__simpleCard {
    width: 59.2vw;
    height: 33.86667vw;
    padding: 1.33333vw 5.73333vw;
    background: linear-gradient(298deg, #01008e 0%, #c601bb 44%, #e50198 67%, #edd5c9 100%);
    color: #ffffff;
  }
  .dashboard-overview-blocks__widgetCard {
    width: 42vw;
    height: 30.8vw;
    padding: 3.73333vw 3.06667vw 2.66667vw 3.06667vw;
    background: linear-gradient(306deg, #ff2626 0%, #ffa5a5 100%);
    -webkit-box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
  }
  .dashboard-overview-blocks__widgetCard-hot {
    width: 42vw;
    height: 30.8vw;
    padding: 3.73333vw 3.06667vw 2.66667vw 3.06667vw;
    background: linear-gradient(305deg, #ed765e, #fea858);
    -webkit-box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 2vw;
  }
  .dashboard-overview-blocks__widgetCard-warm {
    width: 42vw;
    height: 30.8vw;
    padding: 3.73333vw 3.06667vw 2.66667vw 3.06667vw;
    background: linear-gradient(305deg, #f6d365, #fda085);
    -webkit-box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 2vw;
  }
  .dashboard-overview-blocks__widgetCard-cold {
    width: 42vw;
    height: 30.8vw;
    padding: 3.73333vw 3.06667vw 2.66667vw 3.06667vw;
    background: linear-gradient(305deg, #57a1e6, #acedfc);
    -webkit-box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 2vw;
  }
  .dashboard-overview-blocks__widgetCard-allLeads {
    width: 42vw;
    height: 30.8vw;
    padding: 3.73333vw 3.06667vw 2.66667vw 3.06667vw;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(332deg, #b610fe 0%, #f0adff 100%);
    /* w3c */
    -webkit-box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.66667vw 0.66667vw 1.33333vw rgba(0, 0, 0, 0.16);
    color: #ffffff;
    border-radius: 2vw;
  }
  .dashboard-overview-blocks__performanceCard {
    background: #ffffff;
    padding: 4.26667vw 4vw 4.26667vw 4.66667vw;
    width: 113.73333vw;
    height: 96.13333vw;
  }
  .dashboard-overview-blocks__performanceCardOverflowDiv {
    overflow: auto;
    height: 73%;
    padding-right: 2%;
  }
  .dashboard-overview-blocks__calendarCard {
    background: #ffffff;
    padding: 5.86667vw 2.93333vw 1.33333vw 4vw;
    width: 98.93333vw;
    height: 96.13333vw;
  }
  .dashboard-overview-blocks__salesCard {
    background: #ffffff;
    padding: 7.46667vw 6.93333vw 4.26667vw 6.4vw;
    width: 100%;
    height: 90.4vw;
    margin-right: 4vw;
  }
  .dashboard-overview-blocks__meetingsCard,
  .dashboard-overview-blocks__followupsCard {
    width: 70.13333vw;
    height: 46vw;
    color: #ffffff;
    -webkit-box-shadow: 0 0 6.66667vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 6.66667vw rgba(0, 0, 0, 0.16);
  }
  .dashboard-overview-blocks__meetingsCard {
    padding: 5.86667vw 8.53333vw 2vw 8.26667vw;
    background: linear-gradient(122deg, #b610fe 0%, #f0adff 100%);
  }
  .dashboard-overview-blocks__followupsCard {
    padding: 3.6vw 10.66667vw 2.66667vw 6.4vw;
    background: linear-gradient(328deg, #b1f4cf 0%, #9890e3 100%);
    /* w3c */
  }
  .dashboard-overview-blocks__messagesCard {
    padding: 4vw;
    background: #ffffff;
    width: 142.53333vw;
    height: auto;
  }
  .dashboard-overview-blocks__messagesCard h6 {
    padding-top: 2.66667vw;
  }
  .purple-widget-card {
    background: linear-gradient(126deg, #b610fe 0%, #f0adff 100%);
  }
  .blue-widget-card {
    background: linear-gradient(126deg, #003cff 0%, #9ab8ff 100%);
  }
  .white-widget-card {
    background: #ffffff;
    color: #303030;
  }
  .purple-simple-card {
    background: linear-gradient(119deg, #003cff 0%, #9ab8ff 100%);
  }
  .simple-card-count-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dashboard-card-font-100,
  .dashboard-card-font-130 {
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .dashboard-card-font-100 {
    font-size: 13.33333vw;
    line-height: 20vw;
  }
  .dashboard-card-font-130 {
    font-size: 17.33333vw;
    line-height: 26.13333vw;
    margin-right: 1.33333vw;
  }
  .dashboard-card-font-50 {
    font-size: 6.66667vw;
    line-height: 10.13333vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .predictions-graph {
    width: 90%;
    height: 85%;
  }
  .dashboard-overview-block {
    width: 100%;
    height: 30.66667vw;
  }
  .dashboard-overview-block .leads-gradient-block-font-100 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .dashboard-overview-block p {
    font-size: 2.66667vw;
    margin-left: 2.66667vw;
  }
  .performanec-text-underline {
    font-size: 2.4vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
    padding: 0.4vw;
    border-bottom: 0.4vw solid #303030;
  }
  .performanec-text-normal {
    font-size: 2.4vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    line-height: 3.6vw;
    margin-bottom: 0;
  }
  .no_other_employees_section_performance_scoreboard {
    text-align: center;
    margin-top: 13.33333vw;
  }
  .no_other_employees_section_performance_scoreboard .add-form-btn {
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    border: none;
    width: 31.33333vw;
    height: 6.66667vw;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Bold;
    font-size: 3.2vw;
  }
  .dashboard-performance-card {
    padding: 2vw 1.33333vw 2vw 2.66667vw;
    margin-bottom: 0.8vw;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dashboard-performance-card div {
    display: inline-block;
    vertical-align: middle;
  }
  .color-purple {
    color: #a627ff;
  }
  .grey-border-right-performance-card,
  .purple-border-right-performance-card {
    margin-left: 2vw;
    margin-right: 2vw;
    display: block;
    height: 6.13333vw;
  }
  .grey-border-right-performance-card {
    border-right: 1px solid rgba(0, 0, 0, 0.16);
  }
  .purple-border-right-performance-card {
    border-right: 1px solid rgba(166, 39, 255, 0.16);
  }
  .performance-card-btn {
    width: 22vw;
    height: 6.8vw;
    color: #ffffff;
    background: linear-gradient(145deg, rgba(0, 60, 255, 0.6) 0%, rgba(154, 184, 255, 0.6) 100%);
    border: 0;
    border-radius: 3.46667vw;
    font-size: 2.8vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    margin-top: 14.13333vw;
  }
  .dashboard-meetings-person-img {
    width: 10vw;
    margin-right: 4vw;
    border-radius: 50%;
  }
  .dashboard-meeting-time {
    font-size: 10vw;
    font-weight: 900;
    font-family: "Poppins-Black", sans-serif, "Helvetica";
    margin-top: 1.33333vw;
    margin-bottom: 0;
  }
  .dashboard-overview-blocks__meetingsCard-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .dashboardMeetingsSlider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #ffffff !important;
  }
  .dashboardMeetingsSlider .slick-dots li button:before {
    opacity: 0.5 !important;
    color: #ffffff !important;
  }
  .dashboardMeetingsSlider .slick-dots {
    bottom: -3.73333vw !important;
  }
  .dashboardMeetingsSlider .slick-dots li {
    margin: 0 !important;
  }
  .line-height-normal {
    padding-top: 1.33333vw;
    line-height: 17.33333vw;
  }
  .followups-width-200 {
    position: relative;
    margin-top: 3.33333vw;
    width: 30.66667vw;
    padding-right: 2.66667vw;
    margin-right: 4.93333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .followups-width-200::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1.33333vw;
    height: 30.66667vw;
    background: #ffffff;
    display: block;
    border-radius: 0.66667vw;
  }
  .dashboard-followups-card-msg-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grey-border-bottom-calendar,
  .holiday-grey-border-bottom-calendar {
    display: block;
    border-bottom: 1px solid rgba(132, 132, 132, 0.4);
  }
  .holiday-grey-border-bottom-calendar {
    margin-left: 21.33333vw;
    margin-right: 57.33333vw;
  }
  .dashboard-holiday-content-outer-div {
    height: 29.33333vw;
    padding-right: 1.33333vw;
    overflow: auto;
  }
  .dashboard-holiday-content-outer-div .holiday-grey-border-bottom-calendar:last-child {
    display: none;
  }
  .dashboard-holiday-content-outer-div--upcoming-leaves {
    height: 20vw;
    padding-top: 0.66667vw;
  }
  .px-calendar {
    padding-left: 1.33333vw;
    padding-right: 1.33333vw;
  }
  .cayan-75-font {
    color: #00e8d3;
    font-size: 10vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 15.06667vw;
    margin-bottom: 0;
    margin-right: 2.66667vw;
  }
  .dashboard-holiday-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 5.46667vw;
  }
  .dashboard-holiday-upcoming-leaves {
    width: 39%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 2.66667vw;
  }
  .dasboard-holiday-dash::after {
    content: "";
    display: block;
    width: 3.33333vw;
    height: 0.8vw;
    background: #303030;
    margin-top: 7.86667vw;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist {
    padding: 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button[aria-selected="true"] {
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .activityMenuTabs--dashboardSales .rwt__tablist button {
    font-size: 2.4vw;
    line-height: 3.6vw;
  }
  .activityMenuTabs--dashboardSales .rwt__tabpanel {
    padding: 2.66667vw 4vw;
  }
  .sales-report-tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sales-report-tab-content__1 {
    width: 132.13333vw;
    height: 54.66667vw;
  }
  .sales-report-tab-content__1 canvas {
    width: 100%;
    height: 100%;
  }
  .sales-report-tab-content__2 {
    margin-left: 13.33333vw;
    margin-right: 13.33333vw;
  }
  .sales-report-tab-content__3 {
    width: 42.4vw;
    height: 54.66667vw;
  }
  .sales-purple-text,
  .sales-cayan-text {
    font-size: 10vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
  }
  .sales-purple-text {
    background: linear-gradient(121deg, #01008e 0%, #c601bb 44%, #e50198 67%, #edd5c9 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .sales-cayan-text {
    background: -webkit-gradient(linear, left top, left bottom, from(#00d0bd), color-stop(56%, #7dfddc), to(#83ffdd));
    background: linear-gradient(180deg, #00d0bd 0%, #7dfddc 56%, #83ffdd 100%);
    background-clip: text;
    color: transparent;
  }
  .performance-card-btn--sales {
    width: 22vw;
    height: 5.33333vw;
    margin-top: 0;
  }
  .performance-card-btn--scoreboard {
    margin-top: 0.83333vw;
    background: transparent;
    color: #303030;
    border: 0.15625vw solid #303030;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
    width: 6.77083vw;
    height: 2.13542vw;
  }
  .performance-score-block-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.625vw;
  }
  .performance-score-block-outer .performance-score-block {
    text-align: center;
    margin-right: 3.64583vw;
  }
  .performance-score-block-outer .margin_when_two_sers_only {
    margin-left: 10.41667vw;
  }
  .performance-score-block-outer .performance-score-block:last-child {
    margin-right: 0;
  }
  .performace-scoreboard-img,
  .performace-scoreboard-img1 {
    border-radius: 50%;
  }
  .performace-scoreboard-img {
    width: 6.45833vw;
  }
  .performace-scoreboard-img1 {
    width: 8.07292vw;
  }
  .img-badge-outer {
    position: relative;
    margin-top: 0.625vw;
    margin-bottom: 1.04167vw;
  }
  .img-badge-text-outer {
    position: absolute;
    top: 0.26042vw;
    right: 0.26042vw;
  }
  .img-badge-text-outer-first {
    position: absolute;
    top: 0.26042vw;
    right: -0.10417vw;
  }
  .img-badge-text,
  .img-badge-text-first,
  .img-badge-text-card {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .img-badge-text .badgeCount,
  .img-badge-text-first .badgeCount,
  .img-badge-text-card .badgeCount {
    color: #ffffff;
    font-size: 0.78125vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    line-height: 0.98958vw;
    margin-bottom: 0;
  }
  .img-badge-text img {
    width: 1.45833vw;
  }
  .img-badge-text .badgeCount {
    position: absolute;
    top: 0.26042vw;
    left: 0.52083vw;
  }
  .img-badge-text-first img {
    width: 2.03125vw;
  }
  .img-badge-text-first .badgeCount {
    position: absolute;
    top: 0.57292vw;
    left: 0.88542vw;
  }
  .img-badge-text-card {
    margin-right: 1.04167vw;
  }
  .img-badge-text-card img {
    width: 2.03125vw;
  }
  .img-badge-text-card .badgeCount {
    position: absolute;
    top: 0.57292vw;
    left: 0.72917vw;
  }
  .leads-content-img--card {
    width: 3.59375vw;
  }
  .quotation-block-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
    padding: 4.8vw;
    border-radius: 2vw;
    margin-top: 3.33333vw;
  }
  .quotation-block-container h1 {
    font-size: 8vw;
    line-height: 14.4vw;
    color: #303030;
    font-family: Poppins-Medium;
  }
  .quotation-block-container span {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Medium;
  }
  .quotation-block-container p {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-Medium;
    margin-bottom: 15px;
    margin-top: 8.93333vw;
  }
  .quotation-block-container .fa-trash {
    position: absolute;
    right: 6.66667vw;
    font-size: 4vw;
    color: #d1c7ff;
  }
  .quotation-block-container .fa-trash:hover {
    cursor: pointer;
  }
  .quotation-block-container .view_button_quotation {
    position: absolute;
    right: 6.66667vw;
    top: 36vw;
    font-size: 2.4vw;
    width: 16vw;
    height: 5.33333vw;
    font-family: Poppins-Medium;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
    color: white;
    border: none;
    border-radius: 2vw;
  }
  .quotation-block-container .fa-eye:hover {
    cursor: pointer;
  }
  .quatation-to-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 2.66667vw;
  }
  .quatation-to-section h2 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-SemiBold;
    margin-bottom: 0.66667vw;
  }
  .quatation-to-section h1 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-Bold;
    margin-bottom: 2vw;
  }
  .quatation-to-section p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 15px;
  }
  .quatation-from-section h2 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-SemiBold;
    margin-bottom: 0.66667vw;
  }
  .quatation-from-section h1 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-Bold;
    margin-bottom: 2vw;
  }
  .quatation-from-section p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Regular;
    margin-bottom: 0;
  }
  .quatation-from-section .quotation-button-section {
    text-align: right;
  }
  .quatation-from-section .quotation-button-section .save-draft-btn {
    width: 24.93333vw;
    height: 7.46667vw;
    background-color: transparent;
    color: #303030;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    border: 0.26667vw solid #303030;
    border-radius: 3.46667vw;
    font-family: Poppins-SemiBold;
    margin-right: 4vw;
  }
  .quatation-from-section .quotation-button-section .save-btn {
    width: 14.53333vw;
    height: 7.46667vw;
    background-color: transparent;
    color: #1aff7c;
    color: #502eff;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    border: 0.4vw solid #1aff7c;
    border: 0.4vw solid #502eff;
    border-radius: 3.46667vw;
    font-family: Poppins-SemiBold;
  }
  .quatation-from-section .quotation-button-section .final_quotation_total {
    position: absolute;
    right: 37.33333vw;
    bottom: 26.66667vw;
  }
  .add-item-section {
    margin-top: 6vw;
    margin-bottom: 6vw;
    overflow: auto;
  }
  .add-item-section .fa-trash {
    font-size: 2.66667vw;
  }
  .add-item-section input {
    width: 100%;
    padding-left: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .add-item-section .amount-font {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .add-item-section .normal-text {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
  }
  .add-item-section .input_disabled {
    border: none;
    background: transparent;
    outline: none;
  }
  .add-item-section .item-number-type {
    width: 13.33333vw;
  }
  .add-item-section .tota-section {
    margin-right: 20vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #303030;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
  }
  .add-item-section .tota-section p {
    margin-right: 4vw;
  }
  .add-item-section thead th {
    font-size: 2.8vw;
    color: #303030;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
    padding: 3.33333vw !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .add-item-section .button-section {
    margin-top: 4vw;
  }
  .add-item-section .button-section .add-item {
    border: 1px solid #303030;
    background-color: transparent;
    width: 16vw;
    height: 5.33333vw;
    border-radius: 2.66667vw;
    font-size: 2.4vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
    margin-right: 2.66667vw;
  }
  .add-item-section .button-section .save-edit-button {
    border: 1px solid #303030;
    background-color: transparent;
    width: 13.33333vw;
    height: 5.33333vw;
    border-radius: 2.66667vw;
    font-size: 2.4vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
  }
  .add-item-section td,
  .add-item-section th {
    padding: 3.33333vw !important;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .add-item-section table {
    border-bottom: 1px solid #dee2e6;
  }
  .customModal--addquotation {
    width: 189.33333vw !important;
    border-radius: 2vw !important;
    padding: 4vw !important;
    -webkit-box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0.4vw 6.66667vw 0 rgba(0, 0, 0, 0.16) !important;
  }
  .quotation_select_lead_pointer:hover {
    cursor: pointer;
  }
  .quotation_total_subtotal_section {
    float: right;
    border-bottom: 0px !important;
  }
  .quotation_total_subtotal_section td {
    padding: 0px !important;
  }
  .add-quotation-final-modal-logo {
    width: 21.6vw;
    height: 21.6vw;
    display: block;
    background-color: #e1e3e9;
    border-radius: 50%;
    margin-top: 4vw;
  }
  .add-quotation-final-modal-logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .add-quotation-upload-logo-screen {
    margin-left: 11.73333vw;
    margin-bottom: 8vw;
  }
  .add-quotation-upload-logo-screen .add-quotation-final-modal-logo {
    margin-right: 19.73333vw;
  }
  .quotation-upload-img-block {
    margin-bottom: 2vw;
    position: relative;
  }
  .quotation-upload-img-block .quotation-upload-img__btn,
  .quotation-upload-img-block .quotation-upload-img__input {
    width: 31.6vw;
    height: 6.4vw;
    border: 0;
    border-radius: 4vw;
    color: white;
    font-family: Poppins-Regular, sans-serif, "Helvetica";
    font-size: 2.4vw;
    cursor: default;
  }
  .quotation-upload-img-block .quotation-upload-img__btn {
    -webkit-box-shadow: 0 0.66667vw 1.33333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.66667vw 1.33333vw rgba(128, 128, 128, 0.16);
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%) !important;
  }
  .quotation-upload-img-block .quotation-upload-img__input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  /*======================================================
            Task List css
========================================================*/
  /*=================================
       task list top bar css
==================================*/
  .table {
    table-layout: fixed;
    word-break: break-all;
  }
  .table th,
  .table td {
    width: 40vw;
  }
  .task-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 6.8vw 5.46667vw 5.46667vw 5.46667vw !important;
    background-color: #ffffff;
    height: auto;
    margin-top: 0;
    -webkit-box-shadow: 0px 3px 6px #00000017;
            box-shadow: 0px 3px 6px #00000017;
  }
  .task-list-container .bar-left-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .task-list-container .bar-left-section img {
    height: 9.33333vw;
    width: 9.33333vw;
    border-radius: 6.66667vw;
  }
  .task-list-container .bar-left-section .progress-content {
    margin-left: 4.13333vw;
    margin-right: 8vw;
    margin-bottom: 2.66667vw;
  }
  .task-list-container .bar-left-section .progress-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .task-list-container .bar-left-section .progress-dots-green {
    color: #1aff7c;
  }
  .task-list-container .bar-left-section .progress-dots-yellow {
    color: #ffff35;
  }
  .task-list-container .bar-left-section .progress-dots-red {
    color: #ff4848;
  }
  .task-list-container .bar-left-section h3 {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .task-list-container .bar-left-section p {
    margin: 0;
    margin-right: 2.93333vw;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .task-list-container .bar-right-section button {
    border: 1px solid #003cff !important;
    color: #003cff !important;
    background-color: transparent;
    width: 14.93333vw;
    height: 5.06667vw;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
    border-radius: 2.53333vw;
  }
  /*=================================
            Table css
  ==================================*/
  .task-list-table-illustration-container {
    margin-top: 0;
    padding-left: 20.66667vw !important;
    padding-right: 20.66667vw !important;
  }
  .task-list-table-container {
    margin-top: 2vw;
    padding-top: 5.33333vw;
    margin-left: 5.46667vw !important;
    margin-right: 5.46667vw !important;
    overflow: auto;
  }
  .task-list-table-container p {
    font-size: 2.4vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .task-list-table-container h3 {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
  }
  .task-list-table-container h5 {
    color: #303030;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .task-list-table-container .task-list-view-container {
    width: 100%;
    background-color: white;
    border-radius: 2vw;
    padding: 3.73333vw 0;
    margin-bottom: 6.66667vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .task-list-table-container .task-list-view-container h3 {
    color: #303030;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .task-list-table-container .task-list-view-container .table td {
    border-top: 0;
    border-bottom: 0.13333vw solid rgba(48, 48, 48, 0.4);
    padding-top: 4.53333vw;
    padding-bottom: 4.53333vw;
    vertical-align: middle !important;
  }
  .task-list-table-container .task-list-view-container .table td,
  .task-list-table-container .task-list-view-container .table th {
    padding: 0.75rem;
    vertical-align: middle !important;
    border-top: transparent;
  }
  .task-list-table-container .task-list-view-container .task-status-text {
    color: #303030;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
    margin-left: 1.33333vw;
  }
  .task-list-table-container .task-list-view-container .edit-img {
    height: auto;
    width: 4vw;
    margin-left: 7.33333vw;
  }
  .task-list-table-container .task-list-table-title .table,
  .task-list-table-container .task-list-table-title thead th {
    vertical-align: middle !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-Bold;
  }
  .progress-dots-green {
    color: #1aff7c;
  }
  .progress-dots-yellow {
    color: #ffff35;
  }
  .progress-dots-red {
    color: #ff4848;
  }
  /*===============================
            Form Css
  ================================*/
  .tasklist-duration-fields.leads-title-block-container__date-picker {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .tasklist-duration-fields {
    margin-top: 5.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 9.33333vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tasklist-duration-fields h3 {
    font-size: 2.4vw;
    color: #303030;
    line-height: 3.6vw;
    font-family: Poppins-Regular;
  }
  .tasklist-duration-fields .task-date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 6.66667vw;
  }
  .tasklist-duration-fields .task-date-picker h3 {
    margin-right: 2vw;
  }
  .tasklist-duration-fields input {
    background-color: #f7f7f7;
    border-radius: 3.33333vw;
    border: none;
    text-align: center;
    height: 6.66667vw;
  }
  .add-tasklist-form .save-task-btn {
    width: 14.8vw;
    border: 0.26667vw solid #303030;
    border-radius: 3.6vw;
    background-color: white;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-SemiBold;
  }
  .edit-task-btn {
    width: 14.8vw;
    border: 0.26667vw solid #303030;
    border-radius: 3.6vw;
    background-color: white;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-SemiBold;
  }
  .task-edit-status {
    margin-top: 4vw;
    padding-left: 5.06667vw;
    margin-top: 5.33333vw;
  }
  .task-edit-status .css-yk16xz-control {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px;
    border-bottom: 0.53333vw solid #cccccc;
  }
  .task-edit-status .css-1wa3eu0-placeholder {
    color: #303030;
    font-size: 2.4vw;
    line-height: 3.6vw;
  }
  .task-edit-status .css-1okebmr-indicatorSeparator {
    color: #cccccc;
  }
  .task-edit-status .css-tlfecz-indicatorContainer {
    color: #cccccc;
  }
  .task-edit-status h3 {
    font-size: 3.2vw;
    color: #303030;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
  }
  .coming-soon-proposals {
    background-image: url("../../../img/proposal/coming-soon/proposals-bg.svg");
    background-position: bottom;
    background-size: 100%;
    min-height: 100vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .coming-soon-proposals img {
    height: 5.06667vw;
    margin-bottom: 4.66667vw;
  }
  .coming-soon-proposals h1 {
    width: 66.66667vw;
    color: #502eff;
    font-size: 7.73333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif, "Helvetica";
    margin-bottom: 10vw;
  }
  .coming-soon-proposals button {
    padding: 2vw 4.66667vw;
    color: #ffffff;
    background-color: #502eff;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    border: 0;
    border-radius: 6vw;
    text-transform: uppercase;
  }
  .template_main_container {
    height: 100%;
    width: 100%;
  }
  .template_display_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .template_main_container_display_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0.4vw 2.13333vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 2.13333vw rgba(128, 128, 128, 0.16);
    border-radius: 1.33333vw;
  }
  .render_proposal_list_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .render_proposal_single_container {
    width: 51.6vw;
    background-color: #ffffff;
    margin-right: 3.86667vw;
    margin-bottom: 3.86667vw;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(128, 128, 128, 0.16);
    border-radius: 2vw;
  }
  .render_proposal_single_container .fa-trash {
    margin-top: 0.66667vw;
    font-size: 3.46667vw !important;
    color: rgba(0, 0, 0, 0.35);
  }
  .render_proposal_single_container__headline {
    padding: 4vw 3.86667vw 3.46667vw 3.73333vw;
  }
  .render_proposal_single_container__headline h3 {
    padding-top: 0.66667vw;
  }
  .render_proposal_single_container__headline_pro_image {
    width: 6.66667vw;
    height: 6.66667vw;
    border-radius: 100%;
    margin-right: 4vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .render_proposal_single_container__headline_pro_image img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .render_proposal_single_container__image_headline {
    width: 100%;
    height: 23.06667vw;
    background: #f2f3f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f6), to(white));
    background: linear-gradient(180deg, #f2f3f6 0%, white 100%);
    border-radius: 1.33333vw;
  }
  .render_proposal_single_container__image_headline img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .buttons_preview {
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.66667vw;
    width: 20vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 6.66667vw;
    color: white;
    cursor: pointer;
    background: linear-gradient(217deg, #502eff 0%, #d1c7ff 95%, #d1c7ff 100%);
    /* w3c */
    margin-top: 2.66667vw;
    margin-right: 2.66667vw;
  }
  /* ===============================================================
                    
                        admin reports
                    
================================================================== */
  .admin-report-block {
    padding: 4vw 5.46667vw 6.66667vw 5.46667vw;
  }
  .admin-reports-folds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .admin-reports-folds--new {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .admin-reports-fold-2,
  .admin-reports-fold-3__1,
  .admin-reports-fold-3__2 {
    width: 100%;
    height: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
    border-radius: 2vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
    overflow: auto;
  }
  .admin-reports-fold-2 {
    margin-right: 4vw;
    padding: 3.33333vw 2.4vw 7.33333vw 4.93333vw;
  }
  .admin-reports-fold-3__1 {
    padding: 3.33333vw 2.4vw 7.33333vw 4.93333vw;
  }
  .admin-reports-fold-3__secondBlockTitle {
    margin: 3.33333vw 1.33333vw 5.73333vw 7.33333vw;
  }
  .activityMenuTabs--adminReport .rwt__tablist {
    padding: 0 1.33333vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .activityMenuTabs--adminReport .rwt__tablist button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .activityMenuTabs--adminReport .rwt__tablist button[aria-selected="true"] {
    font-size: 2.13333vw;
    line-height: 3.33333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif;
  }
  .activityMenuTabs--adminReport .rwt__tablist button[aria-selected="true"]::after {
    content: "";
    width: 3.33333vw;
    height: 0.4vw;
    background: #303030;
    display: block;
  }
  .activityMenuTabs--adminReport .rwt__tablist button {
    font-size: 2.13333vw;
    line-height: 3.33333vw;
  }
  .activityMenuTabs--adminReport .rwt__tabpanel {
    padding: 6vw 1.33333vw 0 1.33333vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-placeholder {
    font-size: 2.13333vw;
    line-height: 3.33333vw;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-control {
    padding-right: 4.66667vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 20vw;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin-top: 1.33333vw;
    padding: 1.33333vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-option {
    font-size: 2.13333vw;
    line-height: 3.33333vw;
  }
  .lead-status-dropDown--adminReportYear .Dropdown-option.is-selected {
    background-color: transparent;
    font-family: "Poppins-Bold", sans-serif;
    font-weight: 700;
  }
  .admin-report-p-30 {
    padding: 4vw;
  }
  .mt-56 {
    margin-top: 7.46667vw;
  }
  /*=========================================
        Main Calender css
============================================*/
  .calendar-day-month-view {
    padding: 0.66667vw 0;
    padding-left: 2.66667vw;
    font-size: 2.4vw;
    color: #ffffff;
    background: linear-gradient(306deg, #502eff 0%, #d1c7ff 100%);
    border: 0;
    width: 42.66667vw;
    height: 6.4vw;
    border-radius: 4vw;
    cursor: pointer;
  }
  .calendar-day-month-view span {
    margin-right: 0.93333vw;
    font-size: 3.2vw !important;
  }
  .calendar-day-month-view p {
    margin-bottom: 0;
    font-size: 2.8vw !important;
    color: #ffffff !important;
  }
  .main-calender-tabs-container {
    overflow: auto;
    background-color: #ffffff;
    height: auto;
    padding-left: 5.46667vw !important;
    padding-right: 5.46667vw !important;
    padding-top: 3.33333vw;
    padding: 3.06667vw;
    /*=========================
            Tabs Css
    ==========================*/
    /*=======================
          Table Border
    ========================*/
    /*=====================
        Top Month slider
    ======================*/
    /*========================
          Day view css
      ==========================*/
    /*===========================
      Bottom date and day section
    ============================*/
  }
  .main-calender-tabs-container .rwt__tab[aria-selected="true"] {
    position: relative;
    color: black !important;
  }
  .main-calender-tabs-container .rwt__tablist {
    text-align: center;
  }
  .main-calender-tabs-container .rwt__tab {
    background: transparent;
    border: 0;
    font-family: Poppins-Bold;
    line-height: 4.13333vw;
    font-size: 2.8vw;
    padding: 4vw 2.66667vw 1.86667vw 2.66667vw;
    -webkit-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    color: gray !important;
  }
  .main-calender-tabs-container .rwt__tablist:not([aria-orientation="vertical"])
.rwt__tab[aria-selected="true"]:after {
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 0.4vw solid #000000;
  }
  .main-calender-tabs-container .rwt__tab[aria-selected="true"]:after {
    content: "";
    position: absolute;
  }
  .main-calender-tabs-container .table-bordered td,
  .main-calender-tabs-container .table-bordered th {
    border: 1.33333vw solid #f7f7f7;
  }
  .main-calender-tabs-container .calender-month-slider {
    margin-bottom: 6.8vw;
    margin-top: 6.13333vw;
  }
  .main-calender-tabs-container .calender-month-slider tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #303030;
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-family: Poppins-Medium;
  }
  .main-calender-tabs-container .calender-month-slider button {
    background-color: transparent;
    border: none;
    margin: 1.33333vw;
  }
  .main-calender-tabs-container .calender-month-slider h3 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Bold;
  }
  .main-calender-tabs-container .calender-month-slider p {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .calender-month-slider .current-date-time {
    padding-left: 2.66667vw;
  }
  .main-calender-tabs-container .calender-month-slider .current-date-time button {
    color: #303030;
    border: 0.4vw solid #303030;
    border-radius: 2.53333vw;
    font-family: Poppins-Regular;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    width: 20vw;
    height: 5.33333vw;
  }
  .main-calender-tabs-container .calender-month-slider .day-and-date-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-calender-tabs-container .day-view-container {
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
  }
  .main-calender-tabs-container .day-view-container .table thead th {
    vertical-align: bottom;
    border-bottom: 0px;
  }
  .main-calender-tabs-container .day-view-container .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
  }
  .main-calender-tabs-container .day-view-container .table td,
  .main-calender-tabs-container .day-view-container .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
  }
  .main-calender-tabs-container .day-view-container .employee-appreoval-card .card {
    background-color: #ffffff;
    border-radius: 0.52083vw;
    width: auto;
    padding: 1.5625vw;
    height: auto;
    border: none;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
  }
  .main-calender-tabs-container .day-view-container .dates {
    width: 16.26667vw;
    height: 22.8vw !important;
    color: #303030;
    font-size: 16.26667vw;
    font-family: Poppins-Bold;
  }
  .main-calender-tabs-container .day-view-container .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #303030;
  }
  .main-calender-tabs-container .day-view-container .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #303030;
  }
  .main-calender-tabs-container .day-view-container .holiday_card {
    width: 69.06667vw;
    height: 34.13333vw;
    list-style-type: none;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .card-info-section__1 {
    width: 100%;
    display: block;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section {
    text-align: right;
    font-size: 4vw;
    color: #000000;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section .fa-pencil {
    margin-right: 8.8vw;
  }
  .main-calender-tabs-container .day-view-container .holiday_card .edit-delete-button-section i:hover {
    cursor: pointer;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section {
    height: 93.33333vw;
    margin-top: 4.66667vw;
    padding-left: 2.66667vw;
    border-left: 0;
    text-align: left;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section h2 {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #000000;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section th {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .main-calender-tabs-container .day-view-container .all-holiday-list-year-section td {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
  }
  .main-calender-tabs-container .calender-date-section {
    width: 100%;
  }
  .main-calender-tabs-container .calender-date-section .days_name {
    color: #000000;
    font-family: Poppins-Bold;
    font-size: 2.53333vw;
    line-height: 3.86667vw;
    width: 1.86667vw;
    height: 8.13333vw;
    padding: 0px;
    vertical-align: middle;
    border: 1.33333vw solid #f7f7f7;
  }
  .main-calender-tabs-container .calender-date-section .dayDisabled {
    color: rgba(0, 0, 0, 0.2);
    padding: 2.93333vw;
    font-family: Poppins-Bold;
    font-size: 2.93333vw;
    line-height: 3.86667vw;
    width: 25.86667vw;
    vertical-align: bottom;
    text-align: right;
    background-color: #d3d3d31f;
  }
  .main-calender-tabs-container .calender-date-section .dates {
    color: #000000;
    padding: 2.93333vw;
    font-family: Poppins-Bold;
    font-size: 2.93333vw;
    line-height: 3.86667vw;
    width: 25.86667vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .follo-up-border {
    color: #5789ff;
    padding: 2.93333vw;
    font-family: Poppins-Bold;
    font-size: 2.93333vw;
    line-height: 3.86667vw;
    width: 25.86667vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .current-date-border {
    color: #ff3535;
    padding: 2.93333vw;
    font-family: Poppins-Bold;
    font-size: 2.93333vw;
    line-height: 3.86667vw;
    width: 25.86667vw;
    vertical-align: bottom;
    text-align: right;
  }
  .main-calender-tabs-container .calender-date-section .event-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.33333vw;
    height: 5.33333vw;
    overflow: hidden;
    border-radius: 50%;
    background-color: white;
    color: #5789ff;
    font-weight: lighter;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-family: Poppins-Medium;
    font-size: 2.4vw;
    margin-bottom: 2vw;
  }
  .main-calender-tabs-container .calender-date-section .event-name p {
    margin-bottom: 0;
    background: #453890;
    padding: 0.8vw 1.33333vw 0 1.33333vw;
    border-radius: 26.66667vw;
    color: white;
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  .save-leaves-btn {
    width: 14.8vw;
    height: 7.06667vw;
    color: #303030;
    background-color: transparent;
    border: 0.26667vw solid #303030;
    border-radius: 3.6vw;
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-family: Poppins-SemiBold;
  }
  /*=========================
            Model css 
    ==========================*/
  .type-of-leave-select {
    margin-left: 7.73333vw;
    margin-top: 6vw;
  }
  /*=======================================
                Day view cards
  =========================================*/
  .edit-img-followup-card {
    width: 4vw;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    cursor: pointer;
  }
  .card-info-section-emp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card-info-section-emp__1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .day-view-calender-card {
    border-radius: 1.33333vw;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.16);
    margin-top: 4vw;
    padding: 4vw;
    text-align: left;
  }
  .day-view-calender-card img {
    border-radius: 4vw;
  }
  .day-view-calender-card .card-info-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .day-view-calender-card .card-info-section .card-info-section__1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .day-view-calender-card .card-info-section h4 {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    color: #303030;
    font-family: Poppins-Bold;
  }
  .day-view-calender-card .card-info-section p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    color: #303030;
    font-family: Poppins-Regular;
  }
  .day-view-calender-card .lead-list-view-img {
    height: auto;
    margin-right: 2.1875vw;
  }
  .day-view-calender-card .content-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .day-view-calender-card .content-section p {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-family: Poppins-SemiBold;
  }
  .day-view-calender-card .content-section span {
    font-size: 2.8vw;
    color: #303030;
    line-height: 4.13333vw;
    font-family: Poppins-Regular;
  }
  .holiday_input {
    border: none;
    background-color: #f7f7f7;
    border-radius: 4vw;
    height: 6.66667vw;
    padding: 2vw 2.66667vw;
    width: 100%;
  }
  .hover_menu_class:hover {
    cursor: pointer;
  }
  .no_data_in_calender {
    width: 100%;
    text-align: center;
    font-family: Poppins-Bold;
    margin-top: 4vw;
  }
  .day_view_selected_date .current-date-time h3 {
    font-size: 4.66667vw;
  }
  /* ===============================================================
                    
                        all new colors gradient
                    
================================================================== */
  .leads-gradient-block {
    color: #FFFFFF;
    text-align: center;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) and (min-width: 767px) {
  .leads-gradient-block {
    width: 13.54167vw;
    height: 6.92708vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.15625vw 2.60417vw 0 rgba(0, 0, 0, 0.16);
    padding: 0.52083vw;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .leads-gradient-block {
    width: 34.66667vw;
    height: 17.73333vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    padding: 1.33333vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
  }
  .leads-mobile-overview-block .leads-gradient-block-font-100,
  .leads-gradient-block .leads-gradient-block-font-100 {
    font-size: 5.06667vw;
    line-height: 6.13333vw;
    padding-bottom: 0;
  }
  .leads-mobile-overview-block .font-24-semibold,
  .leads-gradient-block .font-24-semibold {
    font-size: 2.13333vw;
    line-height: 2.8vw;
  }
}

@media screen and (max-width: 767px) {
  .bg-color-cust1 {
    background: linear-gradient(305deg, #0ec2b8 0%, #0500f5 100%);
  }
  .bg-color-cust2 {
    background: linear-gradient(305deg, #ff8dbb 0%, #0ccda3 100%);
  }
  .bg-color-cust3 {
    background: linear-gradient(305deg, #f2bae8 0%, #0c7bb3 100%);
  }
  .bg-color-quote1 {
    background: linear-gradient(121deg, #fbc2eb 0%, #a6c1ee 100%);
  }
  .bg-color-quote2 {
    background: linear-gradient(300deg, #9890e3 0%, #b1f4cf 100%);
  }
  .bg-color-quote3 {
    background: linear-gradient(300deg, #b490ca 0%, #5ee7df 100%);
  }
  .bg-color-prop1 {
    background: linear-gradient(138deg, #78ffd6 0%, #007991 100%);
  }
  .bg-color-prop2 {
    background: linear-gradient(128deg, #0dc2b7 0%, #4b8ce0 100%);
  }
  .bg-color-prop3 {
    background: linear-gradient(129deg, #0cebeb 0%, #20e3b2 46%, #29ffc6 100%);
  }
  .bg-color-emp1 {
    background: linear-gradient(305deg, #c1fcd3 0%, #0ccda3 100%);
  }
  .bg-color-emp2 {
    background: linear-gradient(305deg, #acedfc 0%, #57a1e6 100%);
  }
  .bg-color-emp3 {
    background: linear-gradient(305deg, #1cb5e0 0%, #000046 100%);
  }
  .bg-color-emp4 {
    background: linear-gradient(45deg, #00d2ff 0%, #928dab 100%);
  }
  .bg-color-account1 {
    background: #9face6;
    background: linear-gradient(45deg, #74ebd5 0%, #9face6 100%);
  }
  .bg-color-account2 {
    background: #93f9b9;
    background: linear-gradient(45deg, #93f9b9 0%, #fbd786 100%);
  }
  .bg-color-account3 {
    background: #fea858;
    background: linear-gradient(225deg, #fea858 0%, #ed765e 100%);
  }
  .bg-color-account4 {
    background: #f6d365;
    background: linear-gradient(45deg, #f6d365 0%, #fda085 100%);
  }
  .bg-color-account5 {
    background: #acedfc;
    background: linear-gradient(245deg, #acedfc 0%, #57a1e6 100%);
  }
  .bg-color-account6 {
    background: #07a3b2;
    background: linear-gradient(117deg, #07a3b2 0%, #d9ecc7 100%);
  }
  /*=======================
    super admin
  =======================*/
  /*====================================
          dropdown
=====================================*/
  .sa-plans-dropDown .Dropdown-control {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0 8vw 0 0;
  }
  .sa-plans-dropDown .Dropdown-control:hover {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
  }
  .sa-plans-dropDown .Dropdown-menu {
    width: 41.33333vw;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    height: 37.33333vw;
    max-height: 37.33333vw;
    padding: 2.66667vw 1.33333vw 2.66667vw 2.13333vw;
    border: 0;
    border-radius: 1.33333vw;
    -webkit-box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
    margin-top: 3.33333vw;
    margin-left: -1.33333vw;
  }
  .sa-plans-dropDown .Dropdown-menu .Dropdown-option:last-child {
    border-bottom: 0;
  }
  .sa-plans-dropDown .Dropdown-option {
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    color: #303030;
    padding: 1.2vw;
    border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  }
  .sa-plans-dropDown .Dropdown-option:hover,
  .sa-plans-dropDown .Dropdown-option.is-selected {
    background-color: #f7f7f7;
    color: #000;
  }
  .sa-plans-dropDown .Dropdown-arrow {
    top: 41%;
    border-color: #303030 transparent transparent;
    border-width: 1.06667vw 1.06667vw 0;
  }
  .is-open .Dropdown-arrow {
    border-color: transparent transparent #303030 !important;
    border-width: 0 1.06667vw 1.06667vw !important;
  }
  /*====================================
          gradients
=====================================*/
  .sa-users-gradient1 {
    background: linear-gradient(305deg, #dca3ff 0%, #90c5ff 51%, #60fbee 100%, #5dffed 100%);
  }
  .sa-users-gradient2 {
    background: linear-gradient(305deg, #fbc2eb 0%, #a6c1ee 100%);
  }
  .sa-workspaces-gradient1 {
    background: linear-gradient(305deg, #dca3ff 0%, #90c5ff 51%, #60fbee 100%, #5dffed 100%);
  }
  .sa-workspaces-gradient2 {
    background: linear-gradient(305deg, #00d0bd 0%, #7dfddc 56%, #83ffdd 100%);
  }
  .sa-workspaces-gradient3 {
    background: linear-gradient(305deg, #9890e3 0%, #b1f4cf 100%);
  }
  .sa-workspaces-gradient4 {
    background: linear-gradient(305deg, #7f7fd5 0%, #86a8e7 43%, #91eae4 100%);
  }
  .sa-workspaces-gradient5 {
    background: linear-gradient(125deg, #be93c5 0%, #5b86e5 100%);
  }
  /*====================================
          pagination
=====================================*/
  .sa-pagination {
    margin-top: 8vw;
    margin-bottom: 2.66667vw;
    width: 100%;
  }
  .sa-pagination .rc-pagination {
    width: 100%;
    font-size: 2.53333vw;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sa-pagination .rc-pagination-item {
    border-radius: 50%;
    padding: 0;
    border: 0;
    margin-right: 4vw;
    min-width: 5.33333vw;
    height: 5.33333vw;
    line-height: 5.46667vw;
    color: #000000;
    font-weight: 400;
    font-family: "Poppins-Regular", sans-serif, "Helvetica";
    background-color: transparent;
  }
  .sa-pagination .rc-pagination-item-active {
    background-color: #6266e1;
    color: #ffffff;
  }
  .sa-pagination .rc-pagination-item.rc-pagination-item-active:hover a {
    color: #ffffff;
  }
  .sa-pagination .rc-pagination-item:hover a {
    color: #6266e1;
  }
  .sa-pagination .rc-pagination-jump-prev:hover:after,
  .sa-pagination .rc-pagination-jump-next:hover:after {
    color: #6266e1;
  }
  .sa-pagination .rc-pagination-item:focus,
  .sa-pagination .rc-pagination-prev:focus,
  .sa-pagination .rc-pagination-next:focus,
  .sa-pagination .rc-pagination-jump-prev:focus,
  .sa-pagination .rc-pagination-jump-next:focus {
    outline: #6266e1 auto 0.26667vw;
  }
  .sa-pagination .rc-pagination-prev,
  .sa-pagination .rc-pagination-next,
  .sa-pagination .rc-pagination-jump-prev,
  .sa-pagination .rc-pagination-jump-next {
    border: 0;
    font-size: 3.2vw;
    line-height: 5.46667vw;
    min-width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 4vw;
  }
  .sa-pagination .rc-pagination-jump-prev:after,
  .sa-pagination .rc-pagination-jump-next:after {
    font-size: 3.2vw;
  }
  .sa-pagination .rc-pagination-prev a,
  .sa-pagination .rc-pagination-next a {
    color: #303030 !important;
  }
  /*====================================
          workspaces
=====================================*/
  .sa-workspaces {
    padding: 10.8vw 5.46667vw 6.4vw 5.46667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content-block {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    word-break: break-all;
  }
  .sa-workspaces__card {
    width: 33.06667vw;
    height: 23.33333vw;
    overflow: auto;
    -webkit-box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.4vw 6.66667vw rgba(0, 0, 0, 0.16);
    border-radius: 2vw;
    color: #ffffff;
    text-align: center;
    padding: 2.66667vw;
    margin-right: 4.13333vw;
    margin-bottom: 4.13333vw;
    cursor: pointer;
  }
  .sa-workspaces__card-count {
    font-size: 13.33333vw;
    line-height: 11.33333vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
  }
  .sa-workspaces__card-desc {
    font-size: 3.2vw;
    line-height: 4.66667vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    margin-bottom: 0;
  }
  .sa-users-search {
    width: 119.33333vw;
    margin-bottom: 4.66667vw;
    position: relative;
  }
  .sa-users-search .sa-users-search__fa {
    color: rgba(0, 0, 0, 0.48);
    font-size: 2vw;
    font-family: "FontAwesome";
    position: absolute;
    top: 1.6vw;
    left: 4.4vw;
  }
  .sa-users-search .sa-users-search__input {
    width: 70%;
    height: 5.33333vw;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
            box-shadow: 0 0.4vw 0.8vw rgba(128, 128, 128, 0.16);
    border-radius: 5.06667vw;
    border: 0;
    padding-left: 9.33333vw;
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::-webkit-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input:-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-users-search .sa-users-search__input::placeholder {
    color: rgba(48, 48, 48, 0.9);
    font-family: Poppins-ExtraLightItalic, sans-serif, "Helvetica";
  }
  .sa-blue-text-underline {
    color: #034bff;
    text-decoration: underline;
  }
  .sa-workspaces__table-person-img {
    width: 6.66667vw;
    margin-right: 4.4vw;
  }
  .sa-workspaces__list,
  .sa-users__list {
    width: 100%;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container,
  .sa-users__list .sa-workspaces__list-content-container {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    border-radius: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-bottom: 6.66667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container .sa-workspaces__list-content,
  .sa-users__list .sa-workspaces__list-content-container .sa-workspaces__list-content {
    padding-left: 2.66667vw;
    padding-right: 2.66667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content-container .sa-workspaces__list-content .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content-container .sa-workspaces__list-content .sa-workspaces__list-content-block {
    padding-right: 2.66667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-heading,
  .sa-users__list .sa-workspaces__list-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-heading .sa-workspaces__list-heading-block,
  .sa-users__list .sa-workspaces__list-heading .sa-workspaces__list-heading-block {
    font-size: 2.8vw;
    font-weight: 600;
    font-family: "Poppins-SemiBold", sans-serif, "Helvetica";
    line-height: 4.13333vw;
    padding-bottom: 3.2vw;
    padding-right: 2.66667vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content,
  .sa-users__list .sa-workspaces__list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .sa-workspaces__list .sa-workspaces__list-content::after,
  .sa-users__list .sa-workspaces__list-content::after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background-color: #303030;
    position: absolute;
    margin-top: 7.2vw;
    margin-left: -6.93333vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block {
    padding-top: 4.93333vw;
    padding-bottom: 4.53333vw;
    font-size: 2.8vw;
    line-height: 4.13333vw;
    font-weight: 500;
    font-family: "Poppins-Medium", sans-serif, "Helvetica";
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .fa-trash,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .fa-trash {
    color: #ff3b3b;
    margin-right: 2.13333vw;
    margin-left: 8vw;
    font-size: 4vw;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .status_text,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .status_text {
    font-size: 2.8vw;
    font-size: 2.8vw;
    margin: 0;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block .approve_button,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block .approve_button {
    font-size: 2.4vw;
    font-family: Poppins-SemiBold;
    margin-left: 6.66667vw;
    width: 27.06667vw;
    height: 5.73333vw;
    background: linear-gradient(306deg, #502eff, #d1c7ff) !important;
    opacity: 1;
    color: white;
    border-radius: 4vw;
    border: none;
  }
  .sa-workspaces__list .sa-workspaces__list-content .sa-workspaces__list-content-block img,
  .sa-users__list .sa-workspaces__list-content .sa-workspaces__list-content-block img {
    border-radius: 30px;
  }
  .sa-workspaces__list .sa-workspaces__list-content:last-child,
  .sa-users__list .sa-workspaces__list-content:last-child {
    border-bottom: 0;
  }
  .sa-workspaces__list {
    overflow: auto;
    word-break: break-all;
    padding-top: 8vw;
  }
  .sa-workspaces__list .sa-workspaces__list-heading,
  .sa-workspaces__list .sa-workspaces__list-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block,
  .sa-workspaces__list .sa-workspaces__list-content-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(1),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(1) {
    -ms-flex-preferred-size: 39%;
        flex-basis: 39%;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(2),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(2) {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(3),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(3) {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .sa-workspaces__list .sa-workspaces__list-heading-block:nth-child(4),
  .sa-workspaces__list .sa-workspaces__list-content-block:nth-child(4) {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .sa-workspaces__view-details-img {
    width: 18.4vw;
  }
  .sa-users__list {
    overflow: auto;
    word-break: break-all;
    padding-top: 8vw;
  }
  .sa-users__list .sa-workspaces__list-heading,
  .sa-users__list .sa-workspaces__list-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sa-users__list .sa-workspaces__list-heading-block,
  .sa-users__list .sa-workspaces__list-content-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(1),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(1) {
    width: 5.33333vw;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(2), .sa-users__list .sa-workspaces__list-heading-block:nth-child(3),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(2),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(3) {
    width: 3.73333vw;
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(4), .sa-users__list .sa-workspaces__list-heading-block:nth-child(5),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(4),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(5) {
    width: 5.33333vw;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(4),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(4) {
    -ms-flex-preferred-size: 39%;
        flex-basis: 39%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(5),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(5) {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .sa-users__list .sa-workspaces__list-heading-block:nth-child(6),
  .sa-users__list .sa-workspaces__list-content-block:nth-child(6) {
    width: 5.33333vw;
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .approve_and_delete_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .approve_img {
    width: 3.33333vw;
    height: 3.46667vw;
  }
}

/*==========================
 mobile components css end
 ==========================*/
.cke .cke_1 .cke_reset_all .cke_chrome .cke_float .cke_ltr .cke_browser_webkit {
  padding-bottom: 1.04167vw !important;
  padding-top: 1.04167vw !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cke_chrome {
  padding: 50px;
}
/*# sourceMappingURL=App.css.map */