/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Resets */
ul{margin-bottom:20px}
span.elementor-button-text {margin-right: -2px}

/* Lists */
.ulist ul{margin:0!important;padding:0;}
.ulist li{list-style-type:none;margin:0; padding:10px 0px 10px 0px;border-bottom:1px solid #8FBBF8}
.ulist li:last-child{border-bottom:0}

.ulist ol{margin:0!important;padding:0;}
.ulist ol li:last-child{border-bottom:0}

/* Post */
.single .elementor-post__thumbnail {
    border-radius: 15px;
}

/* Pricing */
svg.e-font-icon-svg.e-far-check-circle {
    padding-top: 4px;
    margin-bottom: -4px;
}

/* Footer */
#footer a:link, #footer a:visited{color:#002D69}
#footer a:hover{color:#0F58B8}

/* Plan Page Table */

/* Container styling */
table thead:first-child tr:first-child th {
    border: 0px !important;
}

.responsive-table-container {
  width: 100%;
  overflow-x: auto;
  border: 0px solid #ccc;
  border-radius: 10px;
  padding: 0px;
  background-color: #fff;
  font-family: var(--e-global-typography-431e46d-font-family), Sans-serif;
}

/* Table styling */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  font-family: inherit; /* Use Elementor's default font */
  text-align: left;
  table-layout: fixed; /* Ensures equal column widths */
  border:none;
}

/* Table headers */
.responsive-table thead tr {
  /*background-color: #C1FF72;*/
}
.responsive-table th {
  padding: 15px;
  border: 0px solid #ccc;
  text-align: center;
  font-weight: bold;
  font-family: inherit; /* Use Elementor's default font */
  width: 25%; /* Ensures equal column widths across all plans */
}

/* Table body cells */
.responsive-table td {
  padding: 10px;
  border: 1px solid #ccc;
  font-family: inherit; /* Use Elementor's default font */
  text-align: center; /* Default alignment for all columns */
  width: 25%; /* Ensures equal column widths */
}

.responsive-table tbody tr:hover {
  background-color: #C1FF72; /* Light blue background on hover */
  transition: background-color 0.3s; /* Smooth transition effect */
}


/* Left-align the first column */
.responsive-table td:first-child,
.responsive-table th:first-child {
  text-align: left; /* Align first column to the left */
}

/* Checkmark styling */
.checkmark {
  text-align: center;
  font-size: 16px;
  color: #4caf50;
  font-weight: bold;
  font-family: inherit; /* Use Elementor's default font */
}

/* Section headers */
.section-header {
  background-color: #0F58B8 !important;
  font-weight: bold;
  padding: 10px;
  text-align: center !important;
  font-size: 16px;
  color:#fff;
  font-family: inherit; /* Use Elementor's default font */
}

/* Responsive styling for mobile (below 767px) */
@media (max-width: 767px) {
  .responsive-table {
    table-layout: auto; /* Allow columns to adjust based on content */
    width: 100%;
  }
  
  
}