.elementor-1037 .elementor-element.elementor-element-ffe1be6:not(.elementor-motion-effects-element-type-background), .elementor-1037 .elementor-element.elementor-element-ffe1be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8C52FF;}.elementor-1037 .elementor-element.elementor-element-ffe1be6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-1037 .elementor-element.elementor-element-ffe1be6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1037 .elementor-element.elementor-element-6442be9{text-align:center;}.elementor-1037 .elementor-element.elementor-element-6442be9 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1037 .elementor-element.elementor-element-ca95659 .elementor-spacer-inner{height:0px;}.elementor-1037 .elementor-element.elementor-element-11d4dfe .elementor-spacer-inner{height:0px;}.elementor-1037 .elementor-element.elementor-element-644d201 .elementor-heading-title{color:#8C52FF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1037 .elementor-element.elementor-element-1efd556{text-align:justify;}.elementor-1037 .elementor-element.elementor-element-d762409 .elementor-spacer-inner{height:0px;}.elementor-1037 .elementor-element.elementor-element-c03b884 .elementor-heading-title{color:#8C52FF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1037 .elementor-element.elementor-element-12d0644 .elementor-spacer-inner{height:0px;}@media(max-width:767px){.elementor-1037 .elementor-element.elementor-element-6442be9 .elementor-heading-title{font-size:40px;}.elementor-1037 .elementor-element.elementor-element-644d201 .elementor-heading-title{font-size:30px;}.elementor-1037 .elementor-element.elementor-element-c03b884 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-c4053c3 *//* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: default;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: #B2A1C7;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  padding: 15px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 11%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #B2A1C7 transparent transparent transparent;
  transform: rotate(180deg);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 700px)
{
    /* Tooltip text */
    .tooltip .tooltiptext {
      width: 250px;
      font-size: 14px;
      left: 10%;
    }
    
    /* Tooltip arrow */
    .tooltip .tooltiptext::after {
      left: 40%;
    }
}

@media (min-width: 700px)
{
    /* Tooltip text */
    .tooltip .tooltiptext {
      width: 250px;
      left: -10%;
    }
    
    /* Tooltip arrow */
    .tooltip .tooltiptext::after {
      left: 50%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0548ab3 *//* Tooltip container */
.tooltipCP {
  position: relative;
  display: inline-block;
  cursor: default;
}

/* Tooltip text */
.tooltipCP .tooltiptextCP {
  visibility: hidden;
  width: 700px;
  background-color: #B2A1C7;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  padding: 15px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipCP .tooltiptextCP::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 7.5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #B2A1C7 transparent transparent transparent;
  transform: rotate(180deg);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipCP:hover .tooltiptextCP {
  visibility: visible;
  opacity: 1;
}

.grey-div
{
    color: #7a7a7a;
}

@media (max-width: 600px)
{
    /* Tooltip container */
    .tooltipCP {
      position: relative;
      display: inline-block;
      cursor: default;
    }
    
    /* Tooltip text */
    .tooltipCP .tooltiptextCP {
      visibility: hidden;
      width: 700px;
      background-color: #B2A1C7;
      color: #FFFFFF;
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
      padding: 15px;
    
      /* Position the tooltip text */
      position: absolute;
      z-index: 1;
      top: 125%;
      left: 50%;
      margin-left: -60px;
    
      /* Fade in tooltip */
      opacity: 0;
      transition: opacity 0.3s;
    }
    
    /* Tooltip arrow */
    .tooltipCP .tooltiptextCP::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 7.5%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #B2A1C7 transparent transparent transparent;
      transform: rotate(180deg);
    }
}

@media (min-width: 600px) and (max-width: 1000px)
{
    /* Tooltip container */
    .tooltipCP {
      position: relative;
      display: inline-block;
      cursor: default;
    }
    
    /* Tooltip text */
    .tooltipCP .tooltiptextCP {
      visibility: hidden;
      width: 700px;
      background-color: #B2A1C7;
      color: #FFFFFF;
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
      padding: 15px;
    
      /* Position the tooltip text */
      position: absolute;
      z-index: 1;
      top: 125%;
      left: 50%;
      margin-left: -60px;
    
      /* Fade in tooltip */
      opacity: 0;
      transition: opacity 0.3s;
    }
    
    /* Tooltip arrow */
    .tooltipCP .tooltiptextCP::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 7.5%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #B2A1C7 transparent transparent transparent;
      transform: rotate(180deg);
    }
}/* End custom CSS */