/*
// #Pricing Tables
// --------------------------------------------------
*/
.pricing_table27 .tc_content {margin-top: 170px;  list-style:none;}
.pricing-table27 .tc_table_col.caption_column .tc_header {font-size:27px; padding:16px 0; color:#444; font-weight:700; text-align: center;}
.pricing-table27.pricing-table27__style2 .tc_table_col.caption_column .tc_header {font-size:27px; padding:103px 0; color:#444; font-weight:700;}
.pricing-table27.pricing-table27__style3 .tc_table_col.caption_column .tc_header {font-size:27px; padding:73px 0; color:#444; font-weight:700;}
.pricing-table27.pricing-table27__style4 .tc_table_col.caption_column .tc_header {font-size:27px; padding:47px 0; color:#444; font-weight:700;}
.pricing_table27 .tc_table_col.caption_column .tc_content li {padding: 0.6em; text-align:left; text-indent:30px; background:#f2f5fb;border-bottom: 1px solid #dbdbdb;}
.text-center {
  text-align: center !important;
}
.pricing_table27.rounded-corners .pricing-27__item, .pricing_table27.rounded-corners .pricing-27__item .item-body::before, .pricing_table27.rounded-corners .pricing-27__item .item-body,.pricing_table27.rounded-corners .pricing-27__item::after, .pricing_table27.rounded-corners .pricing-27__item .item-bg, .pricing_table27.rounded-corners .pricing-27__item .item-header .item-icon, .pricing_table27.rounded-corners .pricing-27__item .item-header .item-icon img, .pricing_table27.rounded-corners .pricing-27__item:hover::before, .pricing_table27.rounded-corners .pricing-27__item.highlight::before,.pricing_table27.rounded-corners  .pricing-27__item .item-body::after  {
  border-radius: 15px; }
.pricing-section .sec-title {
  margin-bottom: 45px;
}
:root {
  --primary27-color: #4642fc;
  --primary27-color-rgb: 70, 66, 252;
  --mx27-black: #000;
  --mx27-black-rgb: 0, 0, 0;
  --mx27-black-2: #060606;
  --mx27-black-2-rgb: 6, 6, 6;
  --mx27-white: #fff;
  --mx27-white-rgb: 255, 255, 255;
}

.pricing-27__item {
  margin: 4px;
  padding: 42px;
  background: var(--mx27-white);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  position: relative;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-27__item {
    padding: 25px;
  }
}
.pricing-27__item:hover, .pricing-27__item.highlight {
  background: linear-gradient(180deg, var(--primary27-color) -159.4%, #fff 47.24%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-27__item::after {
   position: absolute;
  content: "";
  inset: 0px;
  background: var(--mx27-white);
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-27__item .item-bg {
  top: 150px;
  left: 0;
  width: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-27__item .item-body {
  margin: 1px;
  border: 1px solid transparent;
  padding: 22px;
  background: var(--mx27-white);
  z-index: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  position: relative;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-27__item .item-body {
    padding: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing-27__item .item-body {
    padding: 15px 10px;
  }
}
.pricing-27__item .item-body::after { 
  position: absolute;
  content: "";
  inset: -2px;
  background: linear-gradient(180deg, rgba(59, 59, 60, 0.25) 0%, rgba(255, 255, 255, 0.6) 100%);
  z-index: -2;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-27__item .item-body::before {
 position: absolute;
  content: "";
  inset: -1px;
  background: var(--mx27-white);
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-27__item .item-body .featcher-list {
  margin-bottom: 38px;
}
.pricing-27__item .item-body .featcher-list ul {
  padding-left: 0rem;
}

.pricing-27__item .item-body .featcher-list ul li {
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}

.pricing-27__item .item-body .featcher-list ul li {
  color: rgba(var(--mx27-black-rgb), 0.6);
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 3px;
  position: relative;
}
.pricing-27__item .item-body .featcher-list ul li:before,.pricing-27__item .item-body .featcher-list ul li.yes:before {
 content:url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.421 9.87878C19.0047 9.87878 18.6673 10.2162 18.6673 10.6326C18.6673 15.3155 14.8577 19.125 10.1748 19.125C5.49215 19.125 1.68234 15.3155 1.68234 10.6326C1.68234 5.94991 5.49215 2.14011 10.1748 2.14011C10.5911 2.14011 10.9286 1.80269 10.9286 1.38636C10.9286 0.96999 10.5911 0.632568 10.1748 0.632568C4.66074 0.632568 0.174805 5.11851 0.174805 10.6326C0.174805 16.1464 4.66074 20.6326 10.1748 20.6326C15.6886 20.6326 20.1748 16.1464 20.1748 10.6326C20.1748 10.2162 19.8374 9.87878 19.421 9.87878Z" fill="grey"/><path d="M19.6032 3.36678C19.309 3.07205 18.8316 3.07154 18.5374 3.36553L9.4947 12.3844L6.23212 8.84088C5.9502 8.53486 5.47356 8.51502 5.16704 8.79689C4.86075 9.07881 4.84114 9.55568 5.12306 9.86197L8.91704 13.9823C9.05599 14.1333 9.25044 14.221 9.45548 14.2253C9.46099 14.2255 9.4663 14.2255 9.47157 14.2255C9.67083 14.2255 9.86251 14.1464 10.0037 14.0057L19.6017 4.43283C19.8967 4.13889 19.8972 3.6615 19.6032 3.36678Z" fill="grey"/></svg>');
 margin-right:10px;
 position:relative;
 top:4px
}
.pricing-27__item .item-body .featcher-list ul li.no { 
 opacity: 40%;
}

.pricing-27__item .item-body .featcher-list ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
.pricing-27__item .item-body .button-wrapper a {
  border: 1px solid #d8c6ff;
  background-color: transparent;
  color: var(--mx27-black);
}
.pricing-27__item .item-header {
  margin-bottom: 48px;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-27__item .item-header {
    margin-bottom: 30px;
  }
}
.pricing-27__item .item-header .item-icon,.pricing-27__item .item-header .item-icon img {
  margin-inline: auto;
  width: 192px;
  color: #9391ff;
  background: #f3f3ff;
  border: 3px solid #dfdeff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}


.pricing-27__item .item-header .item-info, .pricing-27__item .item-header .item-icon {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-27__item .item-header .item-info {
    margin-bottom: 20px;
  }
}
.pricing-27__item .item-header .item-info .item-title {
  color: var(--mx27-black);
  font-size: 30px;
  font-weight: 500;
  line-height: 98.27%;
  letter-spacing: -0.56px;
  margin-bottom: 14px;
}
.pricing-27__item .item-header .item-info p {
  color: #848484;
  font-size: 15px;
  font-weight: 400;
  line-height: 146.667%;
  letter-spacing: -0.9px;
}
.pricing-27__item .item-header .item-price .plan-price {
  gap: 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pricing-27__item .item-header .item-price .plan-price .price {
  color: var(--mx27-black);
  font-weight: 600;
  line-height: 52.381%;
  letter-spacing: -0.52px;
  font-size: 3.75rem;
}
.pricing-27__item .item-header .item-price .plan-price .period {
  color: #848484;
  font-size: 15px;
  font-weight: 500;
  line-height: 146.667%;
  letter-spacing: -0.9px;
}
.pricing-27__item:hover .item-bg, .pricing-27__item.highlight .item-bg {
  opacity: 1;
}
.pricing-27__item:hover, .pricing-27__item.highlight {
  border-color: var(--primary27-color);
  box-shadow: 0px 0px 40px rgba(70, 66, 252, 0.1);
  background-color: transparent;
}

.pricing-27__item:hover::after, .pricing-27__item.highlight::after {
  background-color: transparent;
}
.pricing-27__item:hover .item-bg, .pricing-27__item.highlight .item-bg {
  opacity: 1;
}
.pricing-27__item:hover .item-header .item-icon, .pricing-27__item.highlight .item-header .item-icon {
  color: #4642fc;
  background: var(--mx27-white);
}
.pricing-27__item:hover .item-body, .pricing-27__item.highlight .item-body {
  border-color: var(--primary27-color);
  transform: scale(1);
}

.pricing-27__item:hover .item-body::before, .pricing-27__item.highlight .item-body::before {
  transform: scale(0.99);
}
.pricing-27__item:hover .item-body::after, .pricing-27__item.highlight .item-body::after {
  transform: scale(0.97);
}
.pricing-27__item:hover .item-body .button-wrapper a, .pricing-27__item.highlight .item-body .button-wrapper a {
  border-color: var(--mx27-white);
  background-color: var(--primary27-color);
  color: var(--mx27-white);
}

.saaslyn-3-btn {
  z-index: 2;
  width: max-content;
  height: max-content;
  border-radius: 40.881px;
  overflow: hidden;
  padding: 14px 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.08px;
  background-color: var(--primary27-color);
  color: var(--mx27-white);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
    -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .saaslyn-3-btn {
  padding: 9px 22px;
  }
}
.saaslyn-3-btn::before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(var(--mx27-white-rgb), 0.58);
  filter: blur(17px);
  left: -19px;
  top: -40px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-3-btn:hover::before {
  left: calc(100% - 49px);
  top: calc(100% - 40px);
}
.saaslyn-3-btn.v2 {
  background-color: transparent;
  border: 1px solid rgba(70, 66, 252, 0.24);
  color: var(--mx27-black);
}
.saaslyn-3-btn.v2::before {
  background-color: rgba(70, 66, 252, 0.32);
}
