.elementor-9559 .elementor-element.elementor-element-1bad0d6{z-index:1000;}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-9559 .elementor-element.elementor-element-fe3044f .elementor-alert-title{font-family:"Raleway", Sans-serif;font-size:38px;font-weight:700;line-height:43px;letter-spacing:0px;}.elementor-9559 .elementor-element.elementor-element-d35094e > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-alert .elementor-alert-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-alert .elementor-alert-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-9559 .elementor-element.elementor-element-bd05ec0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-alert .elementor-alert-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-alert .elementor-alert-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-9559 .elementor-element.elementor-element-fe3044f .elementor-alert-title{font-size:18px;line-height:31px;}}/* Start custom CSS for alert, class: .elementor-element-fe3044f */.elementor-alert.elementor-alert-success{
        text-align: center;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d35094e */.comparison-table-container {
    overflow-x: auto;
    border: 1px solid #ddd;
  }

  .comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Ensures columns are sized by their content */
  }

  .comparison-table th, .comparison-table td {
    border: 1px solid #ddd;
    padding: 0.8em;
    text-align: center;
    vertical-align: middle;
  }

/* Adjust the width of the "Feature" column on mobile */
@media (max-width: 767px) {
.comparison-table th:first-child {
      max-width: 100px; 
}
 .td {
font-size: 15px;
}
}

  .logo-container {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  justify-content: center; /* Center logo in the container */
  align-items: center;
 
 
  }

  .brand-logo {
    max-width: 100%;
    max-height: 100%;
    min-height: 50px;
    object-fit: contain;
  }

  .comparison-table thead th {
    background-color: white;
    color: #333;
    font-weight: bold;
  }

  .comparison-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
  }

  .comparison-table tbody tr:nth-child(even) {
    background-color: white;
  }

  .comparison-table tbody tr:hover {
    background-color: #ddd;
  }
  
  /* Sticky first column */
  @media screen and (max-width: 768px) {
    .comparison-table thead th:first-child,
    .comparison-table tbody td:first-child {
      position: -webkit-sticky; /* for Safari */
      position: sticky;
      left: 0;
      z-index: 2;
    }

    .comparison-table tbody td:first-child {
      background-color: white; /* Fallback color */
    }

    .comparison-table tbody tr:nth-child(odd) td:first-child {
      background-color: #f2f2f2; /* Maintain zebra striping */
    }
  }

  /* Tooltip styles */
  .info-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
  }

/* Tooltip content */
.info-icon::after {
  content: attr(data-tooltip); /* Use the 'data-tooltip' attribute as content */
  position: absolute;
  background-color: #333; /* Background color of the tooltip */
  color: #fff; /* Text color of the tooltip */
  padding: 5px 10px; /* Padding around the tooltip text */
  border-radius: 5px; /* Rounded corners for the tooltip */
  font-size: 14px;
  white-space: nowrap; /* Prevent line breaks in the tooltip */
  opacity: 0; /* Initially hide the tooltip */
  transition: opacity 0.3s; /* Add a smooth fade-in transition */
  bottom: 100%; /* Position above the icon */
  left: 1000%; /* Center horizontally */
  transform: translateX(-50%); /* Center horizontally */
  display: inline-block; /* Make the tooltip expand horizontally */
  visibility: hidden;

}
/* Tooltip mobile content */
@media screen and (max-width: 768px) {
 .info-icon {
    position: relative;
    display: block;
    cursor: pointer;
    vertical-align: middle;
   }


.info-icon::after {
  content: attr(data-tooltip); /* Use the 'data-tooltip' attribute as content */
  position: absolute;
  background-color: #333; /* Background color of the tooltip */
  color: #fff; /* Text color of the tooltip */
  padding: 5px 10px; /* Padding around the tooltip text */
  border-radius: 5px; /* Rounded corners for the tooltip */
  font-size: 12px;
  white-space: normal; /* Prevent line breaks in the tooltip */
  opacity: 0; /* Initially hide the tooltip */
  transition: opacity 0.3s; /* Add a smooth fade-in transition */
  bottom: 0%; /* Position above the icon */
  left: 100%; /* Center horizontally */
  transform: translateX(-50%); /* Center horizontally */
  display: inline-block; /* Make the tooltip expand horizontally */
  visibility: hidden;

}
}


  .info-icon:hover::after {
    visibility: visible;
    opacity: 1;
  }

  /* Hide tooltip on mobile
  @media screen and (max-width: 768px) { 
    .info-icon {
      display: none;
    }
  }  */
 .button-container {
  text-align: center; /* Center button in the container */
  padding: 0px 0; /* Add some padding above and below the button */

}

.custom-button {
  display: inline-block;
  padding: 5px 30px; /* Adjust padding for desired width and height */
  background-color: #2d8cff;
  color: white !important;
  text-align: center;
  text-decoration: none;
  border-radius: 25px; /* Increase for more rounded corners */
  font-weight: bold;
  margin-top: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  
}

.custom-button:hover, .custom-button:focus {
  background-color: #0044b6; /* Slightly darker shade for hover state */
  color: white;
  text-decoration: none;
}/* End custom CSS */