/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.ekit-wid-con ul {
    padding-left: 15px !important;
}
.compare-table,
.comparison-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  
}

.compare-table thead th {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 30px 20px;
 
}

.compare-table thead th:first-child {
  text-align: left;

}

.compare-table tbody td {
  padding: 22px 20px;
  font-size: 18px;
  vertical-align: middle;
min-width: 280px;
}



/* Highlight middle column */
.compare-table .us,
.compare-table .us-col {
  background: #000;
  color: #fff;
}

.compare-table .us {
  border-radius: 28px 28px 0 0;
}

.compare-table tbody tr:last-child .us-col {
  border-radius: 0 0 28px 28px;
}

/* spacing inside highlighted column */
.compare-table .us-col {
  font-weight: 600;
  position: relative;
}

/* remove borders */
.compare-table th,
.compare-table td {
  border: none;
}
.compare-table thead:first-child tr:first-child th{
    border-block-start: none !important;
}


/* check icon */
.compare-table .check-icon {
  width: 22px;
  height: 22px;
  background: #00d4b4;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: #fff;
  vertical-align: middle;
}

/* x icon */
.compare-table .x-icon {
  color: #ff6b6b;
  font-size: 22px;
  font-weight: 700;
  margin-right: 10px;
  vertical-align: middle;
}

/* row spacing effect */
.compare-table tbody tr {
  height: 90px;
}

/* optional subtle divider effect */
.compare-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.compare-table tbody tr:not(:last-child) .us-col {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}




.comparison-table thead th{
    background:#000;
    color:#fff;
    padding:12px 16px;
    font-size:18px;
    font-weight:600;
    text-align:center;
}

.comparison-table thead th:first-child{
    text-align:left;
    border-top-left-radius:20px;
}

.comparison-table thead th:last-child{
    border-top-right-radius:20px;
}

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

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

.comparison-table tbody td{
    padding:12px 20px;
    font-size:16px;
    color:#2d2d2d;
    text-align:center;
}

.comparison-table tbody td:first-child{
    text-align:left;
    font-weight:500;
   
}

.comparison-table .icon{
    width:22px;
    height:22px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
    font-weight:700;
}

.check{
    background:#22c55e;
}

.cross{
    background:#ef4444;
}

.comparison-table tbody tr:last-child td:first-child{
    border-bottom-left-radius:20px;
}



/* mobile */
@media (max-width: 768px) {
  .compare-table {
    display: block;
    overflow-x: auto;
  }

  .compare-table thead th,
  .compare-table tbody td {
    padding: 18px 14px;
    font-size: 15px;
	          min-width: 180px;
  }
	  .comparison-table thead th,
    .comparison-table tbody td{
        padding:12px 12px;
        font-size:14px;
    }

  .compare-table tbody tr {
    height: auto;
  }
}