:root {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #7f00ff;
    --pink: #e100ff;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --dark: #212529;
    --darker: black;
    --neutral: #fff;

    --primary: #EFF9FF;
    --primary-light: #CE93D8;
    --primary-dark: #7B1FA2;

    --secondary: #FFEB3B;
    --secondary-light: #FFF59D;
    --secondary-dark: #FBC02D;

    --basic: #172b4d;
    --default: #172b4d;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;

    --background: #fafafa;
    --surface: #ffffff;
    --on-primary: #fff;
    --on-secondary: #000;
    --on-background: #000;
    --on-surface: #808080;

    --primary-color: #5830C5;
    --primary-color2: linear-gradient(97.85deg, #9C27B0 -54.32%, #7B1FA2 150.59%);
    --title-color: #141313;
    --text-color: #777777;
    --border-color: #201f1f17;
    --gradient-color: linear-gradient(
      279.58deg,
      rgba(103, 0, 151, 0.75) -55.92%,
      rgba(80, 192, 255, 0.75) 141.72%
    );
    --shadow-color: 0px 10px 30px rgba(118, 85, 225, 0.3);
    --box-shadow: 0px 10px 30px rgba(57, 56, 61, 0.205);
    --box-shadow2: 0px 10px 25px rgba(0, 0, 0, 0.2);

    /* font family variables. */
    --poppins: "Poppins", sans-serif;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    /* font-family: 'Open Sans', sans-serif; */
    font-family: var(--poppins);
    background: var(--background);
    color: var(--on-surface);
    line-height: 1.5;
    font-size: 15px;
    background-color: #eaeded;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--poppins);
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-display: swap;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

a, a:hover{
    text-decoration: none;
}
.text-justify{
    text-align: justify;
}
.bg-white{
    background-color: var(--white);
}

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


a {
    color: var(--on-surface);
    text-decoration: none;
    background-color: transparent;
  }

  a:hover {
    color: var(--primary);
    text-decoration: none;
  }

  .c-pointer{
      cursor: pointer;
  }

  /********************************** Bootstarp FIX ***********************************/

  .background{
      background: var(--background);
  }

  .surface{
      background: var(--surface)
  }

  .card{
      border: none;
  }


  .form-control, .form-control:focus, .form-control:hover,
  .form-control:active, .form-control:visited{
    outline: none;
    box-shadow: none;
    border: 1px solid #efefef;
  }

  .btn-primary {
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    -webkit-box-shadow: 0 8px 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 8px 10px 0 rgb(0 0 0 / 20%);
    border: 2px solid var(--primary);
    border-radius: 10px;
    padding: 5px 15px;
    display: inline-block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

  .btn-primary:hover {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
  }


  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0 rgba(49, 132, 253, 0.5);
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(49, 132, 253, 0.5);
  }
  .btn-primary:disabled, .btn-primary.disabled {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
  }




  .btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 10px;
    padding: 5px 15px;
    display: inline-block;

  }

  .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    -webkit-box-shadow: 0 8px 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 8px 10px 0 rgb(0 0 0 / 20%);
  }


  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: var(--primary);
    background-color: transparent;
  }

  .text-primary{
      color: var(--primary) !important;
  }
  /************************************************************************************/

  .header{
    background-color: var(--primary);
  }

  .navbar-nav{
    margin-left: auto !important;
  }

  .slide-section{
    background-color: white;
  }

.solution-box .box{
    background-color: white;
    padding:10px 15px;
    border-radius: 10px;
}

.home-services{
    background-color: white;
}
.home-services  h4{
    color:var(--primary-color);
    margin-top:5px;
}

.home-services  a{
    color:var(--primary-color)
}

.effortless-sale .sale-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.effortless-sale .box{
    width:200px
}

.pos-assurance{
    background-color: white;
}

.assurance-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.assurance-content .box{
    background-color: white;
    width:250px;
    margin-bottom: 15px;
    padding:10px 15px;
    border-radius: 10px;
}
.assurance-content h5{
    color: var(--primary-color);
}

.free-demo{
    background-color: var(--white);
}

.free-demo-bg{
    background-color: var(--primary-color);
    border-radius: 20px;
    padding: 30px 50px;
}

.free-demo-bg a{
    background-color:var(--blue);
    padding:5px 10px;
    color: var(--white);
    border-radius: 10px;
}

.footer {
    background-color: 
    #0E0033;
    padding:30px 0px
}
.footer h5{
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.premium_features ul{
   list-style: disc;
   margin-left: 20px;
}

.free-plan-btn{
    background-color: var(--primary-color);
    color: var(--white);
    padding:5px 10px;
    border-radius: 10px;
}

.free-trial-section h5{
    color: var(--primary-color);
}

.price table thead tr td:first-child{
    border: 0px solid;
}