/*
// #Pricing Tables
// --------------------------------------------------
*/
.pricing_table22 .tc_content {margin-top: 90px;  list-style:none;}
.pricing-table22 .tc_table_col.caption_column .tc_header {font-size:27px; padding:16px 0; color:#444; font-weight:700; text-align: center;}
.pricing-table22.pricing-table22__style2 .tc_table_col.caption_column .tc_header {font-size:27px; padding:103px 0; color:#444; font-weight:700;}
.pricing-table22.pricing-table22__style3 .tc_table_col.caption_column .tc_header {font-size:27px; padding:73px 0; color:#444; font-weight:700;}
.pricing-table22.pricing-table22__style4 .tc_table_col.caption_column .tc_header {font-size:27px; padding:47px 0; color:#444; font-weight:700;}
.pricing_table22 .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_table22.rounded-corners .mxpt-pricing22-wrap  {
  border-radius: 15px; }
.pricing-section .sec-title {
  margin-bottom: 45px;
}
:root {
   --mxpt-common-white: #fff;
 --mxpt-common-bg: #223035;
 --mxpt-common-line: #e6e6e6;
 --mxpt-grey-1: #faf7f2;
 --mxpt-grey-2: #666;
 --mxpt-grey-3: #8b9aa4;
 --mxpt-grey-4: #999;
 --mxpte22-color: #20282d
}
.pricing-table22 .inner-box.highlight .price-box,
.pricing-table22 .inner-box:hover .price-box  {
 background-color: #fafafa !important;
}
.mxpt-pricing22-wrap {
 box-shadow:0 4px 40px #00000014;
 position: relative;
 background:var(--mxpt-common-white);
 padding:40px 40px 40px;
  transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.mxpt-pricing22-wrap:hover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pricing-table22 .highlight {
 background:var(--mxpte22-color);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.pricing-table22 .highlight .tc_intro {
    color: #fff;
}
.pricing-table22 .highlight .mxpt-pricing22-tag h5,
.pricing-table22 .highlight .mxpt-pricing22-tag span {
 color:var(--mxpt-common-white);
}
.highlight .mxpt-pricing22-price P, .highlight .mxpt-pricing22-price ul li, .highlight .tc_intro {
 color:var(--mxpt-common-white)
}
.mxpt-pricing22-icon {
 margin-bottom: 40px;
 }
.mxpt-pricing22-tag h5 {
 font-weight:500;
 font-size:32px;
 line-height:1.31;
 color:var(--mxpte22-color);
 margin-bottom: 20px;
}
.mxpt-pricing22-tag span, .mxpt-pricing22-price span {
 line-height:1.6;
 color:var(--mxpte22-color);
 opacity:.6
}
.mxpt-pricing22-price h2 {
font-size: clamp(1.625rem, 1.65rem + 1vw, 3rem);
color: #050505;
padding: clamp(1rem, 0.75rem + 1.25vw, 2.25rem) 0px;
border-width: 0px;
border-style: solid;
border-color: #a79d83;
display: block;
margin-bottom: 10px;
width: 100%;
background: #faf7f2;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.mxpt-pricing22-price p {
 line-height:2;
 color:var(--mxpt-grey-2)
}
.mxpt-pricing22-price ul li: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
}
.mxpt-pricing22-price 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
}

.mxpt-pricing22-price ul li.no { 
 opacity: 40%;
}

.mxpt-pricing22-price ul li.no:before { 
 content:"X";
  margin-right:10px;
 position:relative;
 colo: #ccc;
 top:0px
}
.mxpt-pricing22-price ul {
 padding-left: 0rem;
}

.mxpt-pricing22-price ul li {
 line-height:2.5; 
 list-style: none;
 color:var(--mxpt-grey-2)
}
@media (max-width: 575px) {
 .mxpt-pricing22-price P br {
  display:none
 }
}
.mxpt-pricing22-btn a {
 line-height:1;
 background:var(--mxpte22-color);
 color:var(--mxpt-common-white);
 border:1px solid var(--mxpt-common-line);
 display:block;
 transition:all .4s ease;
 width:100%;
 text-align: center;
}
.mxpt-pricing22-wrap:hover .mxpt-pricing22-btn-2 a{
 background:var(--mxpt-common-white);
 color:var(--mxpte22-color);
}
.mxpt-pricing22-wrap:hover .mxpt-pricing22-btn-2 a:hover{
 background:var(--mxpt-grey-1);
 color:var(--mxpte22-color);
}
.mxpt-pricing22-btn-line {
 position:absolute;
 top:-51px
}
.pricing-table22 .tc_intro {
    font-size: 18px;
    padding-bottom: 24px;
    color: #333;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
 .mxpt-pricing22-btn-line {
  right:40px
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .mxpt-pricing22-btn-line {
  right:36%
 }
}
@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
 .mxpt-pricing22-btn-line {
  right:12%
 }
}
.mxpt-pricing22-btn-offer-tag {
 position:absolute;
 top:-43px;
 right:-60px
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
 .mxpt-pricing22-btn-offer-tag {
  right:-20px
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .mxpt-pricing22-btn-offer-tag {
  right:28%
 }
}
@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
 .mxpt-pricing22-btn-offer-tag {
  right:0
 }
}
.mxpt-pricing22-btn-offer-tag span {
 border:1px solid var(--mxpte22-color);
 border-radius:99px;
 width:60px;
 height:60px;
 background:var(--mxpt-common-white);
 display:inline-block;
 font-size:14px;
 line-height:1;
 color:var(--mxpt-grey-2);
 text-align:center;
 padding-top:15px;
 position:relative
}
.mxpt-pricing22-btn-offer-tag span:before {
 position:absolute;
 content:"";
 width:60px;
 height:60px;
 border-radius:30px;
 background:var(--mxpte22-color);
 bottom:-5px;
 right:-5px;
 z-index:-1
}
.mxpt-pricing22-btn-offer-tag span b {
 color:var(--mxpte22-color)
}
.mxpt-pricing22-btn-bg {
 border:1px solid #dfe7f2;
 border-radius:40px;
 background:var(--mxpt-grey-1);
 position:relative;
 display:inline-block
}
.mxpt-pricing22-btn-bg button {
 font-weight:700;
 font-size:16px;
 line-height:1;
 display:inline-block;
 color:var(--mxpte22-color);
 padding:31px 51px;
 position:relative;
 z-index:1
}
@media (max-width: 575px) {
 .mxpt-pricing22-btn-bg button {
  padding:31px 24px
 }
}
.mxpt-pricing22-btn-bg button:hover,
.mxpt-pricing22-btn-bg button.active {
 color:var(--mxpte22-color)
}
.mxpt-pricing22-price span {
 font-size: 16px;
 font-weight: 500;
  margin-left: 10px
}
.mxpt-pricing22-btn-bg .test {
 transition:transform .2s ease-in-out;
 will-change:transform;
 width:200px;
 height:calc(87% - 8px);
 position:absolute;
 left:10px;
 top:10px;
 display:block;
 content:"";
 background:var(--mxpt-common-white);
 box-shadow:0 2px 2px -1px #5956e926,0 0 1px #5956e91a;
 border-radius:30px;
 transform:translate(197px)
}
@media (max-width: 575px) {
 .mxpt-pricing22-btn-bg .test {
  width:145px;
  transform:translate(150px)
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
 .mxpt-pricing22-btn-box {
  justify-content:flex-start!important
 }
}
.mxpt-pricing22-badge {
 font-weight:500;
 line-height:1;
 color:var(--mxpt-common-white);
 background:#ffffff1a;
 display:inline-block;
 padding:10px 13px;
 position:absolute;
 top:0;
 right:0
}
.wdt-button {
  font-size: 16px;
  padding: 16px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
  flex-wrap: wrap;
padding: 16px !important;
border-radius: 5px;
gap: 12px 26px;
width: 100%;
backface-visibility: hidden;
}
.wdt-button-holder {
  width: 100%;
  display: block;
}
.wdt-button .wdt-button-icon span {
  display: inherit;
  align-items: center;
  position: relative;
}
 .wdt-button .wdt-button-icon {
  background-color: #aaa187;
  padding: 10px 36px;
  margin-left: 0px !important;
  border-radius: 2.5rem;
  border: none;
}
.wdt-button .wdt-button-icon {
  display: inline-flex;
  line-height: 0;
  transition: all .4s ease;
}
.wdt-button .wdt-button-text {
  display: inline-grid;
  align-content: center;
  text-align: center;
  gap: 10px;
  height: 100%;
  margin-right: 8px;
}

svg:not([fill]) {
  fill: currentColor;
}
svg {
  vertical-align: middle;
  height: 1em;
  width: 1em;
  overflow: hidden;
}
.mxpt-pricing22-btn-bg button.monthly.active~.test {
 transform:translate(0)
}
.mxpt-pricing22-content {
 position: relative
}
.mxpt-pricing22-wrap:hover > .bgr-overlay {
 background-color: #000;
 opacity:0.7;
}
.mxpt-pricing22-wrap:hover .mxpt-pricing22-tag h5, .mxpt-pricing22-wrap:hover ul li, .mxpt-pricing22-wrap:hover .tc_intro{
 color: var(--mxpt-common-white)
}
.mxpt-pricing22-wrap > .bgr-overlay {
 opacity:0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
 transition:background 0.5s, border-radius 0.3s, opacity 0.5s;
}