/* Responsive table */

/* CSS */
.ComparisonBoxMob {
  display: none;
}
.pricing-comparison-section {
  padding: 80px 0px;
}
.ComparisonBoxTop {
  background-color: #F3FCF6;
  border-radius: 12px;
}
.ComparisonBoxRow:nth-child(2){
  border-top: none !important;
}
.Comparisonicon svg {
  height: 49px;
  width: 49px;
  display:block;
  margin: 0 auto;
}
.ComparisonBoxTop.ComparisonBoxRow {
  text-align: center;

}
.ComparisonBoxTop.ComparisonBoxRow  .ComparisonBoxCol1 h5 {
  color: #222824;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.28;
}
.pricing-comparison-section .growYourBusinessHeadTitle p {
  font-size: 16px;
}
.pricing-comparison-section .growYourBusinessHeadTitle {
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
.pricing-comparison-section .growYourBusinessHead {
  text-align: center;
}
.ComparisonBoxCol1 {width: 100%; max-width: 436px; text-align: left;}
.ComparisonBoxCol2,.ComparisonBoxCol3,.ComparisonBoxCol4 ,.ComparisonBoxCol5 ,.ComparisonBoxCol6 {width: 100%;max-width: 253px;}
.ComparisonBoxRow {display: flex;padding: 10px 0; align-items: center; justify-content: space-between;}
/* .ComparisonBoxInner {background: #FFFFFF;border-radius: 20px;padding: 24px;} */
.ComparisonBoxRow + .ComparisonBoxRow {border-top: 1px solid #E2E8F0;}


.ComparisonTooltip {font-style: normal;font-weight: 500;font-size: 12px;line-height: 150%;color: #FFFFFF;background: #182633;border-radius: 6px;display: flex;align-items: center;justify-content: center;padding: 6px 12px 5px;position: absolute;left: 140px;top: -6px;opacity: 0;visibility: hidden;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.ComparisonTooltip span {display: block;}
.ComparisonBoxRow {position: relative;   padding: 16px;}
span.info_circle {position: relative;}

span.info_circle:before {content: '';width: 8px;height: 8px;position: absolute;left: 7px;top: -11px;background: #182633;transform: rotate(45deg) translateX(0px);z-index: 1;border-radius: 1px;opacity: 0;visibility: hidden;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.ComparisonBoxRow:hover span.info_circle:before {opacity: 1;visibility: visible;}

/* .ComparisonTooltip:before {content: '';width: 8px;height: 8px;position: absolute;left: 52px;bottom: -4px;background: #182633;transform: rotate(45deg) translateX(0px);z-index: 1;border-radius: 1px;} */
.ComparisonBoxRow:hover .ComparisonTooltip {opacity: 1;visibility: visible;}
/* .ComparisonBoxRow {cursor: pointer;} */
.ComparisonBoxCol1.Add-info {display: flex;align-items: center;gap: 18px;}
span.info_circle {width: 20px;height: 20px;}
span.info_circle svg {width: 100%;height: auto;}

/* .ComparisonBoxCol2.Comparisonicon {display: flex;align-items: center;} */
.ComparisonSection {padding-top: 90px;padding-bottom: 133px;position: relative;overflow: hidden;}


.ComparisonBoxMobTop {
  background-color: #fcebd9;
  border-radius: 12px;
  padding: 18px 15px;}
.CComparisonBoxMobCol svg {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;

}
.CComparisonBoxMobCol:first-child {
  border-top: none;
}
.ComparisonBoxMobTop h5 {
  font-size: 15px;
  font-weight: 500;
  color:#16437A;
}
.CComparisonBoxMobCol h5{
  font-size: 15px;
  font-weight: 500;
}
.CComparisonBoxMobCol {
  padding: 14px 15px;
}
.ComparisonBoxMobTopRight {
  text-align: end;
}
.ComparisonBoxMobRow {
  border: 1px solid #E2E8F0;
  border-radius: 11px;
  margin-top: -15px;
}
.ComparisonBoxMobTopRight {
  text-align: end;
}
.CComparisonBoxMobCol:first-child{
  padding-top:33px;
}
.ComparisonBoxMobTopRight.bold {
  text-align: end;
}
/* Updated */
.ComparisonBox {
  margin: 0 auto;
  max-width: 1311px;
  padding: 55px;
  padding-top: 46px;
  border-radius: 10px;
  border: 1px solid var(--ride-dark-green-main-dark, #00D67A);
}
.table_content_title {
  background-color: #F5F6F6;
  padding: 16px;
  margin-top: 24px;
  border-radius: 12px;
}
.row-content-image-svg {
  max-width: 24px;
  display: block;
}

.row-content-image-svg svg {
  display: block;
  width: 100%;
  height: 24px;
}

.Comparisonicon {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  text-align: center;
  position:relative;
  padding: 0px 5px;
}
.table_content_button {
  padding: 4px 24px;
  display: inline-block;
  background-color: #FEF2CB;
  border-radius: 12px;
}

.table_content_button h5 {
  color: #8B4F00;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
}
.table_content_title h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
.ComparisonBoxRow .ComparisonBoxCol1 h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.row-content-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
/* .Comparisonicon {
  border-right: 1px solid #CDD8D2;
} */

/* .Comparisonicon:last-child {
  border-right: 0;
} */
.accordion-content-icon {max-width: 34px; display: block;}
.accordion-content-icon svg {width: 34px; height: 34px; display: block;}
.accordion-content-wrap {display: flex; align-items: center; gap: 21px; justify-content: space-between;}
.accordion-toggle span {display: block; max-width: 32px; height: 32px;}
.ComparisonBoxInner {margin-top: 77px;}
.ComparisonBox.active .accordion-open {
  display: none;
}
.ComparisonBox .accordion-open {
  display: block;
}
.ComparisonBox.active .accordion-close {
  display: block;
}
.ComparisonBox .accordion-close {
  display: none;
}
.accordion-content-wrap-text {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
}
/* .ComparisonBox.active .accordion-open {display:none;}
.ComparisonBox.active .accordion-close {display:none;} */

.bottom-bts-wrap .buttonv2 {
  max-width: 208px;
  width: 100%;
}
.bottom-bts {
  display: flex;
  justify-content: flex-end;
  margin-top: 80px;
}
.bottom-bts-wrap {
  display: flex;
  justify-content: space-between;
  // max-width: 724px;
  gap: 20px;
  width: 100%;
  margin-right: 8px;
}
.bottom-bts-wrap .buttonv2 a, .bottom-bts-wrap a.buttonv2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  min-width: 100%;
  padding: 15px;
}
.row-content-text h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  display: inline;
}

.row-content-text p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: #1F2921CC;
  margin-top: 5px;
}
/* .Comparisonicon.its-rich-text {
  border: none;
} */
.ComparisonBoxCol1-inner-width {
  max-width: 330px;
  width: 100%;
}
.accordion-title {
  cursor: pointer;
}
.tooltip-for-table {
  border-radius: 12px;
  background-color: #191B1F;
  display: block;
  color: #fff;
}
.tooltip-for-table {
  background-color: #191b1f;
  border-radius: 12px;
  color: #fff;
  display: block;
  left: 0;
  min-width: 336px;
  padding: 16px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
  visibility: hidden;
}
.tooltip-for-table p {font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.5; color: #fff;}
.row-content-text {position: relative;}
.tooltip-for-table-wrap {
  position: relative;
  cursor: pointer;
  text-align: left;
  display: inline;
}
.tooltip-for-table ul li {font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.5;}
.tooltip-for-table ul {margin: 0; margin-top: 5px;}
.tooltip-for-table-wrap:hover .tooltip-for-table{ opacity: 1; visibility: visible;}
.ComparisonBoxRow > div:last-child .tooltip-for-table-wrap .tooltip-for-table {right: 0; left: unset;}

.giftitle.custom_color {
  color : rgba(51, 51, 51,100%)
}

.gifbutton1st a {
  color : rgba(25, 27, 31,100%);
}

.gifbutton2nd a {
  color : rgba(25, 27, 31,100%);
}

.gifbutton2nd a:before {
  background : rgba(158, 248, 188,100%);
  border-color : rgba(158, 248, 188,100%);
}

.gifbutton2nd a:after, a.gifbutton2nd:after {
  background: linear-gradient(180deg, #9EF8BC 35.94%, rgba(245, 246, 246,100%) 99.97%, rgba(245, 246, 246,100%) 99.98%, #F5F6F6 99.99%);
}

.gifbutton1st a:before {
  background : rgba(230, 231, 234,100%);
  border-color : rgba(230, 231, 234,100%);
}

.gifbutton1st a:after, a.gifbutton1st:after {
  background: linear-gradient(180deg, rgba(230, 231, 234,100%) 35.94%, rgba(230, 231, 234,0.12) 99.97%, rgba(230, 231, 234,0.12) 99.98%, #F5F6F6 99.99%);
}

.play-icon, .gifyoutubebtn {
  background : rgba(158, 248, 188,100%);
}

.Comparisonicon:after {content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 24px; background-color: #CDD8D1; transform: translateY(-50%);}
.Comparisonicon:last-child:after{display:none;}

@media(max-width:1230px){
  .ComparisonBoxCol1 {max-width: 200px;}
}

@media(max-width:991px){
  .ComparisonBoxCol1 {max-width: 436px;}
  .ComparisonBoxes { width: 1040px; }
  .ComparisonBoxInner { overflow-x: scroll !important; }
  
}
@media(max-width:991px){
  .ComparisonBox { padding:46px 15px 55px }
  .accordion-content-wrap { gap:8px; }
  .accordion-content-wrap-text { font-size:16px; }
  .price-performance-outter .wrapper_lg { padding:0 15px; }
}