@font-face {
  font-family: "Prompt-Regular";
  src: url("../fonts/Prompt/Prompt-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Prompt-Medium";
  src: url("../fonts/Prompt/Prompt-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Prompt-Thin";
  src: url("../fonts/Prompt/Prompt-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Prompt-Light";
  src: url("../fonts/Prompt/Prompt-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt/Prompt-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Rubik-Regular";
  src: url("../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Rubik-Medium";
  src: url("../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Rubik-Bold";
  src: url("../fonts/Rubik/Rubik-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto-Thin";
  src: url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
  font-stretch: 100%;
}

.font-family-roboto {
  font-family: Roboto, "Prompt", sans-serif !important;
}

.font-family-roboto-Regular {
  font-family: "Roboto-Regular", "Prompt-Regular", sans-serif !important;
}

.font-family-rubik-bold {
  font-family: "Rubik-Bold", "Prompt", sans-serif !important;
}

.font-family-rubik-Regular {
  font-family: "Rubik-Regular", "Prompt-Regular", sans-serif !important;
}

.font-family-Thin {
  font-family: "Rubik-Thin", "Prompt-Thin", sans-serif !important;
}

.font-family-rubik-medium {
  font-family: "Rubik-Medium", "Prompt", sans-serif !important;
}

.font-family-Roboto-Thin {
  font-family: "Roboto-Thin";
}

.font-family-Roboto-Light {
  font-family: "Roboto-Light";
}

.font-family-Roboto {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

.font-family-rubik {
  font-family: "Rubik", "Prompt", sans-serif !important;
}

.font-family-rubik-Light {
  font-family: "Rubik-Light", "Prompt-Light", sans-serif !important;
}

.caption-banner-new {
  /* position: absolute; */
  padding-top: 100px;
  /*👉padding-bottom: 435px;👈*/
  /* padding-bottom: 281px; */
  overflow: hidden;
  /* background-image: url(../images/img_banner_plans_2.jpg?v=2); */
  text-align: center;
  width: 100%;
  background-size: cover;
}

.caption-banner-new-th {
  position: absolute;
  padding-top: 80px;
  /*👉padding-bottom: 427px;👈*/
  /*👉padding-bottom: 395px;👈*/
  padding-bottom: 281px;
  overflow: hidden;
  background-image: url(../images/img_banner_plans_2.jpg?v=2);
  text-align: center;
  width: 100%;
  background-size: cover;
}

.caption-banner-new-fixed {
  position: fixed;
  padding-top: 70px;
  padding-bottom: 200px;
  overflow: hidden;
  /* background-image: url(../images/img_banner_plans_2.jpg?v=2); */
  /* background: linear-gradient(90deg, rgb(63 37 92) 0%, rgb(75 98 230) 100%); */
  background: #fff;
  box-shadow: 0px 1px 12px 4px rgb(17 17 17 / 10%);
  text-align: center;
  width: 100% !important;
  background-size: cover;
}

.table>tfoot>tr>td,
.table>thead>tr>th {
  /* vertical-align: bottom;
  border-bottom: 2px solid #ddd; */
  padding: 0;
}

.table-plan-section-list {
  position: relative;
  /* margin-top: 29%; */
}

.table_plan_price>tbody>tr>td {
  padding: 15px 5px;
  text-align: center;
  font-weight: unset;
  color: #3e4649;
  font-size: 15px;
  word-wrap: break-word;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f8f9fb;
}

.change_currenct_container {
  position: absolute;
  top: 80%;
  /* top: 90%; */
  transform: translateY(-80%);
  box-sizing: border-box;
  display: flex;
  direction: inherit;
  right: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  zoom: 0.8;
}

._th-mandala-__MinimizedWidgetMiddle__label {
  margin-top: 12px;
}

._th-mandala__MinimizedWidgetMiddle__text {
  margin-right: 20px;
}

._us-mandala__MinimizedWidgetMiddle__text {
  margin-right: 20px;
}

._mandala-border {
  border-radius: 30px 0 0 30px;
  transform: translateX(2px);
}

.change_currenct_container .default_us_mandala-__MinimizedWidgetMiddle__label {
  /* font-size: 13px; */
  position: relative;
  border: none;
  outline: none;
  /* padding: 8px 14px 8px 50px; */
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}

.change_currenct_container .default_th_mandala-__MinimizedWidgetMiddle__label {
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f1f1f140;
  opacity: 0.5;
}

.change_currenct_container .us {
  padding: 12px 14px 12px 50px;
}

.change_currenct_container .th {
  padding: 12px 14px 12px 40px;
}

.bg-currenct-container {
  position: relative;
  background-color: #ffffff !important;
  background-color: var(--hjFeedbackAccentColor, #ffffff) !important;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  opacity: 0.3;
}

.btn-subscribe-width {
  width: 140px;
  margin: 10px;
  height: 42px;
  line-height: 26px;
}

#plan_section_list .table>thead>tr>th {
  vertical-align: middle !important;
}

.social_head_column h2 {
  font-family: Roboto, sans-serif;
  font-weight: 900;
  font-size: 22px;
  color: #ffffff;
  text-transform: unset;
}

.plan-th {
  background-color: #ffffff;
  border-right: 1px solid #ddd !important;
}

.plan-th-business {
  background-color: #ffffff;
  border-right: 1px #ddd solid;
}

.plan-th-shadow {
  box-shadow: 0 0 0 0px #ddd;
}

#plan_section_list .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-top: 0px solid #ddd;
}

#plan_section_list .table_plan_price tbody {
  border-bottom: 0px solid #ddd !important;
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
}

#plan_section_list .table>thead>tr>th {
  border-bottom: 0px solid #ddd;
}

#plan_section_list .table-plan-list-new>tbody>tr {
  border-right: 1px solid #ddd;
}

/* .plan-2 {
  height: 10px;
  position: absolute;
  background: #fff;
  margin-top: -18px;
  padding: 0;
} */

.plan-2 {
  height: 10px;
  position: relative;
  background: #fff;
  margin-top: -10.3px;
  padding: 0;
}

.plan-1 {
  height: 12px;
  /* position: absolute; */
  position: relative;
  background: #fff;
  border-radius: 10px 10px 0px 0px;
  /* margin-top: -18.3px; */
  margin-top: -10.3px;
  padding: 0;
}

.plan-margin-1 {
  /* margin-left: -9px; */
}

.plan-margin-2 {
  /* margin-left: -8px; */
}

.plan-margin-3 {
  /* margin-left: -8px; */
}

.plan-margin-4 {
  /* margin-left: -9px; */
}

.plan-margin-5 {
  /* margin-left: -10px; */
  /* margin-left: -9px; */
}

.plan-width-1 {}

.plan-width-2 {}

.plan-width-3 {}

.plan-width-4 {
  width: 100%;
}

.plan-width-5 {}

/* th */

.plan-width-th-2 {
  /* width: 163.42px; */
}

.plan-width-th-1 {
  /* width: 163.42px; */
}

.plan-width-th-3 {
  /* width: 162.43px; */
}

.plan-width-th-5 {
  /* width: 170.42px; */
}

.table-plan-width-fixed {
  /* width: 141px; */
}

.btn_change_currency_plans {
  position: absolute;
  left: 30em;
  top: 55rem;
  z-index: 1;
}

@media (max-width: 1990px) and (min-width: 1450px) {
  .table-plan-width {
    /*👉 width: 206.67px !important;👈*/
    width: 206.67px;
  }

  .tfoot-plan {
    /* width: 206.66px; */
  }
}

@media screen and (max-width: 1920px) and (min-width: 1920px) {
  .change_currenct_container {
    top: 80%;
  }

  .caption-banner-new-th {
    padding-top: 100px;
  }

  .caption-banner-new {
    padding-top: 120px;
  }
}

@media (max-width: 1440px) {
  .btn_change_currency_plans {
    left: 13em;
  }
}

@media screen and (max-width: 1280px) and (min-width: 1280px) {
  .change_currenct_container {
    top: 41%;
  }

  .m-t {
    margin-top: 0px;
  }

  .social_head_column {
    width: 28%;
  }

  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .button-arrow-fixed {
    top: 25px;
    margin-left: 66px;
  }

  .most-popular {
    margin-top: 0px;
    margin-left: 10px;
  }

  .plan-head-fixed {
    width: 85% !important;
    left: 104px;
  }

  .table-plan-width {
    width: 144px;
  }

  .btn-subscribe-width {
    width: 100%;
  }

  .plan-width-1 {}

  .plan-width-2 {}

  .plan-width-3 {}

  .plan-width-4 {}

  .plan-width-5 {}

  .plan-margin-4 {}

  .plan-margin-5 {}

  .plan-width-4 {
    width: 100%;
  }

  .tfoot-plan {}

  .caption-banner-new-th {
    padding-top: 100px;
  }

  .caption-banner-new {
    padding-top: 120px;
  }
}

@media screen and (max-width: 1080px) and (min-width: 1080px) {
  .change_currenct_container {
    top: 75%;
  }

  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .social_head_fixed {
    width: 30.1% !important;
  }

  .btn-subscribe-width {
    width: 90%;
  }

  .table-plan-width {
    width: 137px;
  }

  .plan-head-fixed {
    width: 85.8% !important;
    left: 55px;
  }

  .plan-width-1 {}

  .plan-width-2 {}

  .plan-width-3 {}

  .plan-width-4 {}

  .plan-width-5 {}

  .plan-margin-4 {}

  .plan-margin-5 {}

  .plan-width-4 {
    width: 100%;
  }

  .tfoot-plan {
    /* width: 169.2px; */
  }

  .m-t {
    margin-top: 20px;
  }

  .social_head_column {
    /*👉 width: 35%;👈*/
    width: 25%;
  }

  .caption-banner-new-th {
    padding-top: 100px;
  }

  .caption-banner-new {
    padding-top: 120px;
  }
}

.tooltip_tippy_top i {
  color: #007aff;
}

.border-yellow {
  border: 2px solid #fadd5c;
  border-radius: 7px;
}

/* color */

.color-black {
  color: black !important;
}

.color-white {
  color: white !important;
}

.color-very-light-blue {
  color: #273663 !important;
}

.color-yellow {
  color: #fadd5c;
}

.background-color-yellow {
  background-color: #fadd5c !important;
}

.color-navy-blue {
  color: #011753 !important;
}

.color-green-needle {
  color: #5cdb2c !important;
}

.color-light-green {
  color: #00ada3 !important;
}

.color-green-dark {
  color: #1e909e !important;
}

.color-blue {
  color: #4B62E6 !important;
}

.color-green {
  color: #00ada3 !important;
}

.color-purple {
  color: #625cf4 !important;
}

.color-orange {
  color: #ff6726 !important;
}

.color-grey {
  color: #798488 !important;
}

.color-white {
  color: #ffffff !important;
}

.color-light-orange {
  color: #ff6f27 !important;
}

.color-light-blue {
  color: #4B62E6 !important;
}

.color-platinum-silver {
  color: #cccccc !important;
}

/* background */

.background-color-navy-blue {
  background: #011753 !important;
}

.background-color-green-needle {
  background: #5cdb2c;
}

.background-color-light-green {
  background: #00ada3 !important;
}

.background-color-blue {
  background: #4B62E6;
}

.box-index-plan-Custom .btn-subscribe,
.box-plan-Custom .btn-subscribe {
  background-color: #fff !important;
  color: rgb(0 145 70) !important;
  border: 1px solid rgb(0 145 70) !important;
}

.box-index-plan-Custom .btn-subscribe:hover {
  background-color: rgb(0 145 70) !important;
  color: #fff !important;
  border: 1px solid rgb(0 145 70) !important;
}


.btn-subscribe {
  background-color: rgb(15, 169, 88) !important;
  color: #fff !important;
}

.btn-subscribe:hover {
  background-color: rgb(0 145 70) !important;
  color: #fff !important;
  border: 1px solid rgb(0 145 70) !important;
}

.background-color-green {
  background: #00ada3;
}

.background-color-purple {
  background: #625cf4;
}

.background-color-orange {
  background: #ff6726;
}

.background-light-orange {
  background: #fef7f0;
}

.background-light-blue {
  background: #f8f9fb;
}

.button-arrow {
  content: "";
  width: 10px;
  border-top: 5px solid #fadd5c;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: auto;
  position: relative;
  left: 0;
  right: 0;
  top: 9px;
  z-index: 2;
}

.plan-span {
  font-weight: 300;
  display: inline-flex;
  width: 100%;
  align-items: baseline;
}

/* custom-plan */

.custom-plan {
  width: 150px;
  height: 35px;
}

.custom-plan-bg {
  background: #fef7ef;
}

.m-plan-t {
  margin-top: 25px;
}

.m-plan-b-25 {
  margin-bottom: 25px;
}

.m-plan-t-70 {
  margin-top: 70px;
}

.btn-custom-plan .btn-subscribe-width {
  width: 100%;
}

.m-plan-b {
  margin-bottom: 50px;
}

.m-plan-button-t {
  margin-top: 30px;
}

.p-plan-l {
  padding-left: 50px !important;
}

.m-plan-text-t {
  margin: 25px 0 0px;
  word-break: break-word;
}

.m-box-plan-t {
  margin-top: 70px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-top-10 {
  border-radius: 10px 10px 0 0;
}

.border-radius-button-10 {
  border-radius: 0 0 10px 10px;
}

/* unity */

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-inherit {
  text-transform: inherit;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.letter-spacing-3 {
  letter-spacing: 3px;
}

.table_plan_price>tbody>tr>td b {
  font-weight: 700;
  color: #011753;
}

.icon-svg img {
  height: 13px;
}

.icon-info-svg img {
  height: 16px;
}

tfoot>tr>td {
  border-radius: 0px 0px 15px 15px;
}

.tfoot-plan {
  height: 12px;
  position: relative;
  background: #fff;
  border-radius: 0 0 15px 15px;
  /* margin-top: 23px; */
  /* margin-top: 8px; */
  /* margin-top: 20px; */
  padding: 0;
  /* width: 164px; 
  width: 206.66px;*/
  border-bottom-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  /* margin-left: -8px; */
  margin-left: 0px;
  z-index: -999;
}

.tfoot-plan-th {
  height: 12px;
  position: relative;
  background: #fff;
  border-radius: 0 0 15px 15px;
  /* margin-top: 22px; */
  /* margin-top: 20px; */
  padding: 0;
  border-bottom-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  /* margin-left: -9px; */
  margin-left: 0px;
  z-index: -999;
}

.tfoot-plan-th-1 {
  width: 164px;
}

.tfoot-plan-th-2 {
  width: 170px;
}

.tippy-popper[x-placement^="top"] .tippy-arrow {
  border-top-color: #8469c5;
}

.tippy-popper[x-placement^="top"] .tippy-arrow {
  border-top-color: #8469c5;
}

.tippy-popper[x-placement^="bottom"] .tippy-arrow {
  border-bottom-color: #8469c5;
}

.tippy-popper[x-placement^="left"] .tippy-arrow {
  border-left-color: #8469c5;
}

.tippy-popper[x-placement^="right"] .tippy-arrow {
  border-right-color: #8469c5;
}

/*  */

.tippy-popper[data-placement^="top"] .tippy-arrow {
  border-top-color: #8469c5;
}

.tippy-popper[data-placement^="bottom"] .tippy-arrow {
  border-bottom-color: #8469c5;
}

.tippy-popper[data-placement^="left"] .tippy-arrow {
  border-left-color: #8469c5;
}

.tippy-popper[data-placement^="right"] .tippy-arrow {
  border-right-color: #8469c5;
}

/* font size  and font-family: Roboto, sans-serif; */

.font-42 {
  font-size: 42px;
}

.font-26 {
  font-size: 26px;
}

.font-18 {
  font-size: 18px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-30 {
  font-size: 30px;
}

.font-32 {
  font-size: 32px;
}

.font-16 {
  font-size: 16px !important;
}

.font-20 {
  font-size: 20px;
}

.font-25 {
  font-size: 25px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-15 {
  font-size: 15px;
}

.font-22 {
  font-size: 22px !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

/* margin */

.m-t-35 {
  margin-top: 35px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-78 {
  margin-top: 78px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-minus-30 {
  margin-top: -30px;
}

.social_head_column p {
  font-family: Roboto, sans-serif;
  font-weight: 400 !important;
  font-size: 18px;
  color: #ffffff !important;
  margin-bottom: 30px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-t-65 {
  margin-top: 65px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-65 {
  margin-bottom: 65px !important;
}

.m-auto-30 {
  margin: auto 30px;
}

/*  plan payment */

.bg_price_new_1 {
  background: url(../images/bg/img_bg_green.jpg) no-repeat;
  background-size: 100% 100%;
}

.bg_price_new_2 {
  background: url(../images/bg/img_bg_blue.jpg) no-repeat;
  background-size: 100% 100%;
}

.bg_price_new_3 {
  background: url(../images/bg/img_bg_purple.jpg) no-repeat;
  background-size: 100% 100%;
}

.bg_price_new_1_none {
  background: url(../images/bg/box_none1.png) no-repeat;
  background-size: 100% 100%;
}

.bg_price_new_2_none {
  background: url(../images/bg/box_none2.png) no-repeat;
  background-size: 100% 100%;
}

.bg_price_new_3_none {
  background: url(../images/bg/box_none3.png) no-repeat;
  background-size: 100% 100%;
}

.pricingTable .bg_price_1 {
  background: unset !important;
  text-align: center !important;
  min-height: auto;
}

.pricingTable .bg_price_2 {
  background: unset !important;
  min-height: auto !important;
}

.pricingTable .bg_price_3 {
  background: unset !important;
  min-height: auto !important;
}

/* toggle switch */

.currency-step-2 .btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
  color: #007aff;
  background-color: #e8f2fe;
  border-color: #bcd4e9;
  /* transition: all 1s ease-out; */
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
}

.currency-step-2 .btn {
  border: 0px solid transparent !important;
}

.currency-step-2 .btn-default,
.btn-default,
.open>.dropdown-toggle.btn-default {
  color: #868789;
}

.currency-step-2 .btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
  color: #007aff;
  background-color: #e8f2fe;
  border-color: #bcd4e9;
  /* transition: all 1s ease-out; */
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
}

.currency-step-2 .btn {
  border: 0px solid transparent !important;
}

.currency-step-2 .btn-primary,
.btn-primary,
.open>.dropdown-toggle.btn-primary {
  color: #868789;
}

.currency-step-2 .btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
  color: #007aff;
  background-color: #e8f2fe;
  border-color: #bcd4e9;
}

.currency-step-2 a {
  /* color: #868789; */
  text-decoration: none;
}

.currency-step-2 a:focus,
a:hover {
  color: #007aff;
  text-decoration: none;
}

.btn-default:hover {
  color: #333;
  background-color: unset !important;
  /* border-color: unset !important; */
}

.pricingTable .bg_price_1 .price-value {
  text-align: center !important;
}

.pricingTable .bg_price_1 .price-value p {
  text-align: center !important;
}

.pricingTable .bg_price_3 .price-value {
  text-align: center;
}

.pricingTable .bg_price_3 .price-value p {
  text-align: center !important;
}

#select_months_plan {
  background: unset !important;
  background-position-x: unset !important;
  background-position-x: unset !important;
  background-position-y: unset !important;
  width: unset !important;
  height: unset !important;
  font-size: unset !important;
  color: unset !important;
  line-height: unset !important;
  margin-top: unset !important;
  margin-bottom: unset !important;
  border-radius: unset !important;
  border: unset !important;
  background-color: unset !important;
  line-height: 42px !important;
}

/* Step 2. Select subscription plan. */

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.switch {
  position: relative;
  display: flex;
  background: #ffffff;
  border-radius: 30px;
  padding: 4px 1px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

.switch-zoom {
  zoom: 0.8;
}

.package-billing-bg {
  background-color: #e8f2fe;
  border: 0px solid #ddd !important;
}

.switch-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  margin: 0 3px 0;
  line-height: 100%;
  color: #535F72;
  letter-spacing: 0.5px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  border: 1px solid #D2D6DC;
  font-weight: normal !important;
}

@media screen and (max-width: 991px) {
  .sel-period {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #select_months_plan {
    width: 100% !important;
  }

  .switch-item {
    width: 95%;
    height: 150px;
  }
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

/* currenct */

.switch #package-currenct:not(:checked)~label:nth-of-type(1),
.switch #package-currenct:checked~label:nth-of-type(2) {
  background-color: #e8f2fe;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
  color: #007aff;
}

/* package */

.switch-package-billing {
  background-color: #FDFDFD;
  margin-top: 10px;
}

.package-billing-shadow {
  /* background-color: #007aff;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
  color: #ffffff; */
  border: 2px solid #4B62E6;
  font-weight: bold !important;
  box-shadow: 0px 0px 0px 3px #E7F0FC;
}

/* .switch #package-billing {
  background-color: #007aff;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
  color: #ffffff;
} */

/* .switch #package-billing:not(:checked) ~ label:nth-of-type(4) {
  background-color: #e8f2fe;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
  color: #007aff;
} */

/* .switch #package-billing:not(:checked) ~ label:nth-of-type(4) {
  background-color: #e8f2fe;
  box-shadow: 0px 1px 1px rgb(17 17 17 / 11%);
  color: #007aff;
} */

.switch input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

/* custom table plan shadow column5*/

.shadow {
  /* box-shadow: inset 0 0 0 100px #ffff; */
  /* box-shadow: 0px 0px 3px rgba(135, 128, 128, 0.3); */
  box-shadow: 0px 0px 0px #625cf4ad;
  position: relative;
}

.shadow:before,
.shadow:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  /* width: 1px; */
  /* box-shadow: -2px 0 2px ;  */
  /* box-shadow: -3px 0 3px ; */
  /* box-shadow: -3px 6px 6px 0px #625cf4; */
  /* box-shadow: -3px 0px 6px 0px #625cf4ad; */
  box-shadow: -4px 0px 6px 0px #625cf41c;
  width: 5px;
}

.shadow:before {
  left: 0;
}

.shadow:after {
  right: 0;
  /* box-shadow: 2px 0 2px; */
  /* box-shadow: 3px 6px 6px 0px #625cf4; */
  /* box-shadow: 3px 0px 6px 0px #625cf4ad; */
  box-shadow: 4px 0px 6px 0px #625cf41c;
}

.recommend_thead {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

/* font-weight */

.font-weight-bold {
  font-weight: bold;
}

.font-weight-unset {
  font-weight: unset !important;
}

.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

/* tag-sale  save */

.p-l-25 {
  padding-left: 25px;
}

.p-r-25 {
  padding-left: 25px;
}

.p-r-10 {
  padding-right: 10px;
}

.padding-all-25 {
  padding: 25px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-custom-bg {
  padding: 15px 45px 0px 45px;
}

.p-custom-text {
  padding: 0px 25px 0px 25px;
}

/* custom */

.pricingTable .bg_price_2 .price-value {
  text-align: center;
  padding-top: 0px !important;
}

.pricingTable .bg_price_3 .price-value {
  text-align: center;
  padding-top: 0px !important;
  padding-left: 0px !important;
}

.pricingTable .bg_price_1 .price-value {
  text-align: center !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
}

.min-height-150 {
  min-height: 150px;
}

.pricingTable .pricingTable-signup a.btn_sub_2 {
  background: unset !important;
  background-color: #fff !important;
}

.pricingTable .pricingTable-signup a {
  /* padding: 10px 50px !important; */
  padding: 10px 50px;
}

.pricingTable .pricingTable-signup a:hover {
  color: unset;
  background: 0 0;
  background-color: #d9d8d8 !important;
}

.pricingTable .pricingTable-signup a {
  color: unset;
}

.pricingTable .pricingTable-signup a.btn_sub_3 {
  background: unset !important;
  background-color: #fff !important;
}

.pricingTable .pricingTable-signup a.btn_sub_1 {
  background: unset !important;
  background-color: #fff !important;
}

.choose-display-block {
  background: unset !important;
  background-color: #fff !important;
}

.pricingTable .pricingTable-signup span {
  padding: 10px 50px !important;
}

.box-step {
  padding: 0;
  height: 150px;
  padding-top: 0px !important;
}

.pricingTable .bg_price_1 .price-value p {
  text-align: center !important;
  padding-right: 0px !important;
}

.pricingTable .bg_price_2 .price-value p {
  text-align: center !important;
  padding-right: 0px !important;
}

.pricingTable .bg_price_3 .price-value p {
  text-align: center !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.container-boxs-plan {
  display: flex;
  justify-content: center;
  align-items: center;
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; */
}

/* #payment_list .currency {
  vertical-align: baseline !important;
} */

/* #payment_list .duration::before {
  content: "/";
  margin-right: 0px !important;
  margin-left: 10px !important;
} */

.check-choose {
  /* padding: 13px 15px 13px 15px !important; */
  /* padding: 10px !important; */
  border-radius: 50% !important;
  display: inline-flex;
  padding: 0 !important;
  height: 35px;
  width: 35px;
  align-items: center;
  justify-content: center;
}

.tfoot-plan-shadow {
  -webkit-box-shadow: 0 3.5px 6px -4px #625cf473;
  -moz-box-shadow: 0 3.5px 6px -4px #625cf473;
  box-shadow: 0 3.5px 6px -4px #625cf473;
}

.btn-confirm-plan {
  padding: 15px 80px !important;
  border-radius: 5px !important;
}

.active-to-confirm {
  background: linear-gradient(2deg, #09b355 0, #5ae918 100%) !important;
}

.inp-cbx:checked+.cbx span:first-child {
  border-color: #38d037 !important;
  background: #3fd631 !important;
  animation: check 0.6s ease;
}

.inp-cbx:hover {
  border-color: #38d037 !important;
}

.cbx:hover span:first-child {
  border-color: #38d037 !important;
}

.boxs-accept-payment {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-content: space-between;
}

.boxs-accept-payment-middle-border {
  padding: 15px 25px 15px 25px;
  border: 1px solid #ddd;
  border-radius: 30px;
}

.border-color-light-blue {
  border: 1px solid #e8f2fe !important;
}

.table-responsive {
  overflow-y: hidden;
}

.table-plan-list-new>th {
  width: 2006.67px;
}

/*👉.table-plan-width {👈*/

/*👉 width: 206.67px !important;👈*/

/*👉 width: 206.67px ;👈*/

/*👉}👈*/

.head-fixed-border {
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
}

#home_banner {
  height: 171px !important;
}

.pd-r-plan-30 {
  padding-right: 30px;
}

.m-plan-button-b {
  margin-bottom: 25px;
}

@media screen and (max-width: 820px) {
  #home_banner {
    height: 171px !important;
  }

  .m-plan-t {
    margin-top: 65px;
  }

  .m-plan-t-70 {
    margin-top: 25px;
  }

  .btn_change_currency_plans {
    left: 3em;
  }
}

@media screen and (max-width: 1400px) {
  #home_banner {
    padding-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  #home_banner {
    height: 171px !important;
  }

}


/*  */

.tabs-currency {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  align-content: space-between;
}

.tab-mandala ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.tab-mandala ul.tabs li {
  /* background: none; */
  color: #222;
  display: inline-block;
  /* padding: 10px 15px; */
  cursor: pointer;
}

.current {
  opacity: 1 !important;
}

.tab-mandala ul.tabs li.current {
  background: #ffffff;
  color: #000000 !important;
  box-shadow: 0px 0px 4px 4px #625cf41c;
}

.tab-link {
  padding: 12px 14px 12px 40px;
  background-color: #cccccc;
  margin: 5px 0;
  color: #4B62E6 !important;
}

.tab-link .current {
  padding: 12px 14px 12px 50px;
  background-color: #ffffff;
  color: #000000 !important;
}

.tab-link .current a::hover {
  color: #4B62E6 !important;
}

.tab-link a {
  color: #000 !important;
}

.box-desc {
  margin-top: -25px;
}

.pricingTable {
  padding: 40px 0 60px 0 !important;
  /* box-shadow: 0 0 14px -4px rgb(0 0 0 / 70%); */
  box-shadow: unset;
  cursor: pointer;
}

.pricingTable:hover {
  /* box-shadow: 0 0 14px -4px rgb(0 0 0 / 70%); */
}

/* 
Shadow สีน้ำเงิน #3c5dc7 (opacity 50%)
Shadow สีเขียว #23a6a2 (opacity 50%)
Shadow สีม่วง #6553e7 (opacity 50%)
*/

.op-05 {
  opacity: 1 !important;
}

/* Shadow สีน้ำเงิน #3c5dc7 (opacity 50%) */

.bg_price_new_2:hover {
  -webkit-box-shadow: 0 0 14px -2px #3c5dc7;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0 0 14px -2px #3c5dc7;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0 0 14px -2px #3c5dc7;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* Shadow สีม่วง #6553e7 (opacity 50%) */

.bg_price_new_3:hover {
  box-shadow: 0 0 14px -2px #6553e7;
  -webkit-box-shadow: 0 0 14px -2px #6553e7;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0 0 14px -2px #6553e7;
  /* Firefox 3.5 - 3.6 */
}

/* Shadow สีเขียว #23a6a2 (opacity 50%) */

.bg_price_new_1:hover {
  box-shadow: 0 0 14px -2px #23a6a2;
  -webkit-box-shadow: 0 0 14px -2px #23a6a2;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0 0 14px -2px #23a6a2;
}

.active-plan-1 {
  box-shadow: 0 0 14px -2px #23a6a2;
  -webkit-box-shadow: 0 0 14px -2px #23a6a2;
  -moz-box-shadow: 0 0 14px -2px #23a6a2;
}

.active-plan-2 {
  box-shadow: 0 0 14px -2px #3c5dc7;
  -webkit-box-shadow: 0 0 14px -2px #3c5dc7;
  -moz-box-shadow: 0 0 14px -2px #3c5dc7;
}

.active-plan-3 {
  box-shadow: 0 0 14px -2px #6553e7;
  -webkit-box-shadow: 0 0 14px -2px #6553e7;
  -moz-box-shadow: 0 0 14px -2px #6553e7;
}

.check-choose i {
  color: #1bcf71 !important;
}

/* #337ab7 */

.btn-confirm-plan:hover {
  background: #b5b5b5;
  color: #fff;
}

.td-custom-border {
  border-right: 0px solid #ddd !important;
}

/*    free trial*/

.box-free-trial a:hover {
  color: #273663 !important;
  background-color: #fadd5c !important;
}

/*  Plan  */

/* .box-plan-Free-Trial a:hover {
  color: #fff !important;
  background-color: #009185 !important;
}

.box-plan-Anyone a:hover {
  color: #fff !important;
  background-color: #005bec !important;
}

.box-plan-Personal a:hover {
  color: #fff !important;
  background-color: #443eee !important;
}

.box-plan-Custom a:hover {
  color: #fff !important;
  background-color: #f15930 !important;
} */

.pricingTable .price-value .amount {
  font-family: "Roboto", "Prompt", sans-serif !important;
  font-size: 35px !important;
  font-weight: 700;
  line-height: 35px;
  display: inline-block;
  vertical-align: text-top;
}

.pricingTable .title {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

.pricingTable .bg_price_2 .price-value p {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

#payment_list .duration {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

.pricingTable {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

.pricingTable .bg_price_1 .price-value p {
  font-family: "Roboto", "Prompt", sans-serif !important;
}

.plan-th-fix {
  background-color: #ffffff;
  border-right: 0px solid #ddd !important;
  border-left: 0px !important;
}

.button-arrow-fixed {
  content: "";
  width: 10px;
  border-top: 5px solid #fadd5c;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: auto;
  position: relative;
  left: 0;
  right: 0;
  z-index: 2;
  top: 22px;
  text-align: center;
  /*👉margin-left: 100px;👈*/
}

.most-popular {
  line-height: 0px;
  margin-top: -5px;
  text-align: center;
  /*👉 margin-left: 40px;👈*/
}

.box-select-plan {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

/*  mobile */

@media (max-width: 580px) {
  .btn-subscribe-width {
    width: 100%;
  }

  .box-select-plan {
    flex-direction: column;
  }

  .container-boxs-plan {
    flex-direction: column;
  }

  .switch-item {
    font-size: 12px;
    padding: 0 10px;
  }

  .box-select-plan {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .btn-subscribe-width {
    width: 100%;
  }

  .container-boxs-plan {
    flex-direction: column;
  }

  .switch-item {
    font-size: 12px;
    padding: 0 10px;
  }

  .box-select-plan {
    flex-direction: column;
  }
}

@media (max-width: 440px) {
  .btn-subscribe-width {
    width: 100%;
  }

  .container-boxs-plan {
    flex-direction: column;
  }

  .switch-item {
    font-size: 12px;
    padding: 0 10px;
  }

  .box-select-plan {
    flex-direction: column;
  }
}

@media (max-width: 400px) {
  .btn-subscribe-width {
    width: 100%;
  }

  .container-boxs-plan {
    flex-direction: column;
  }

  .switch-item {
    font-size: 12px;
    padding: 0 10px;
  }

  .box-select-plan {
    flex-direction: column;
  }
}

.swiper-slide {
  flex-direction: column;
  background: #fff0 !important;
}

.swiper-slide-body-plan {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
  margin-top: 10px;
}

.swiper {
  width: 100%;
  /* height: 80vh; */
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -10px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root {
  --swiper-theme-color: #ffffff !important;
}

.pagination-angle-right:focus,
.pagination-angle-left:focus {
  outline: none !important;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: #f5f5f5 !important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.img-footer {
  width: 228px;
  display: inline-block;
  margin: 10px;
}

@media only screen and (max-width: 867px) {
  .img-footer {
    width: 215px;
  }
}

.p-box-plan {
  padding: 0px 20px 0px 20px;
}

.p-box-plan-footer {
  padding: 30px 0px 30px 0px;
}

.modal {
  position: fixed;
  top: 35%;
}

/*👉.modal-currency {
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    width: 80%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: auto auto auto auto;
}
👈*/

.modal-currency {
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto auto auto auto;
  z-index: 999999;
  margin-top: 10px;
  position: absolute;
  flex-wrap: nowrap;
  box-shadow: 3px 0px 20px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  /* height: 110px; */
  margin: -25px 0 0 0;
}

.currency-title {
  width: 100%;
  margin-bottom: 2px;
  text-align: left;
  margin-top: 4px;
  margin-left: 30px;
}

.dropdown-toggle-currency {
  background: transparent;
  border-color: #ccc;
  /* color: #fff; */
  border-radius: 5px;
  border: 1px #ddd solid;
  border-radius: 30px;
  padding: 10px 30px 10px 30px;
}

#new-drowdown-currency.open>.dropdown-toggle.btn-default:hover {
  border: 1px solid #ddd;
  /* color: #fff; */
}

#new-drowdown-currency.open>.dropdown-toggle.btn-default:focus {
  border: 1px solid #ddd;
  /* color: #fff; */
}

#new-drowdown-currency .btn-default:hover {
  border: 1px solid #ddd;
  /* color: #fff; */
}

#new-drowdown-currency.open>.dropdown-toggle.btn-default {
  background-color: transparent;
  /* color: #fff; */
}

.hide {
  display: none;
}

.show {
  display: block;
}

.change-currency-mobile {
  /*👉 width: 100%;
  transition: width 2s;👈*/
  width: 100%;
  transition: width 2s;
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
}

/*👉.fa-minus:before {
  content: "" !important;
}👈*/

.full-pan-fa .fa {
  font-size: initial !important;
}

#box-head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button-currency .btn {
  border: 1px #ddd solid;
  border-radius: 30px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.active-currency {
  background-color: #f5f5f5;
}

.button-currency .btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  /* outline: 5px auto !important; */
  outline: none !important;
  outline-offset: -2px;
}

/* 
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 50%;
  padding: 5px 0;
  margin: -20px 0 0 95px;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
} */

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 5px 0;
  margin: -20px 0 0 0px;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1 px solid #ccc;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown-menu>li {
  padding: 10px 0 0px 0;
}

/*👉.zm-table__header, .zm-table__body, .zm-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.zm-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: #747487;
} 

.scroll {
  max-width: 200px;
  overflow: auto;
}👈*/

.md-table__body-wrapper {
  overflow: hidden;
  position: relative;
}

.md-table__header-wrapper,
.md-table__body-wrapper,
.md-table__footer-wrapper {
  width: 100%;
}

.md-scrollbar {
  overflow: hidden;
  position: relative;
}

.md-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.md-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}

.md-table table {
  max-width: none;
}

.md-table__header,
.md-table__body,
.md-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.full-plan-table .md-table td {
  border-bottom: 0;
  margin-top: 50px;
  padding: 5px;
}

.md-table--enable-row-transition .md-table__body td {
  transition: background-color 0.25s ease;
}

.md-table th.is-leaf,
.md-table td {
  border-bottom: 1px solid #eaeaf0;
}

.md-table th,
.md-table td {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

/*  table plan version mobile */

.full-plan-parts {
  text-align: center;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(35, 35, 51, 0.4);
  margin: 0 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.full-plan-table {
  padding-bottom: 60px;
}

.full-plan-table {
  width: 100%;
}

.full-plan-table .md-table {
  font-size: 16px;
}

.full-plan-table .md-table thead,
.full-plan-table .md-table {
  color: #232333;
}

.md-table--fit {
  border-right: 0;
  border-bottom: 0;
}

.md-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: #747487;
}

.full-plan-table .md-table::before {
  height: 0;
}

.md-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.md-table--group::after,
.md-table--border::after,
.md-table::before {
  content: "";
  position: absolute;
  background-color: #eaeaf0;
  z-index: 1;
}

.md-table tr {
  background-color: #fff;
}

.full-plan-table .md-table td {
  border-bottom: 0;
  margin-top: 50px;
}

.md-table--enable-row-transition .md-table__body td {
  transition: background-color 0.25s ease;
}

.md-table th.is-leaf,
.md-table td {
  border-bottom: 1px solid #eaeaf0;
}

.md-table th,
.md-table td {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.md-table__fixed,
.md-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgb(0 0 0 / 12%);
  border-bottom: 1px solid #eaeaf0;
}

.md-table th.is-leaf,
.md-table td {
  border-bottom: 1px solid #eaeaf0;
}

.md-table thead th {
  font-size: 14px;
  font-weight: 500;
}

.md-table th {
  overflow: hidden;
  user-select: none;
  background-color: #fff;
}

.md-table th,
.md-table td {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.md-table__body-wrapper {
  overflow: hidden;
  position: relative;
}

.md-table__header-wrapper,
.md-table__body-wrapper,
.md-table__footer-wrapper {
  width: 100%;
}

.md-table--striped .md-table__body tr.md-table__row--striped td {
  background: #fafafa;
}

.full-plan-table .md-table td {
  border-bottom: 0;
  margin-top: 50px;
}

.md-table--enable-row-transition .md-table__body td {
  transition: background-color 0.25s ease;
}

.md-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  padding: 4px 16px 4px 16px;
  outline-offset: -5px;
}

.button-currency .btn-link {
  color: #fff;
}

.btn_set_usecase:hover {
  background-color: #3d51bf;
  border-color: #3d51bf;
  color: #fff;
}

.btn_set_usecase a:hover {
  color: #fff;
}

.swiper-slide hr {
  margin-top: 5px;
  margin-bottom: 20px;
  border: 0;
  border-top: 5px solid #eee;
}

.head-text-plan-flit {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -140px;
  color: #ffffff59 !important;
}

.m-r-flit-170 {
  margin-right: -170px !important;
}

.m-r-flit-180 {
  margin-right: -180px !important;
}

.m-r-flit-100 {
  margin-right: -100px !important;
}

.m-r-flit-210 {
  margin-right: -210px !important;
}

.m-r-flit-185 {
  margin-right: -185px !important;
}

.m-r-flit-165 {
  margin-right: -165px !important;
}

.height-35 {
  height: 35px;
}

.p-box-plan-head {
  padding: 30px 0px 0px 0px;
}

#hr-header {
  border-top: 5px solid #eee0 !important;
}

.mySwiper .my-header-us {
  /* position: absolute;
  left: 80px;
  z-index: 10000;
  min-width: 185px;
  margin-top: 50px; */
  position: absolute;
  /* left: 80px; */
  z-index: 10000;
  min-width: 100%;
  margin-top: 50px;
  /* display: flex; */
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-between;
}

.mySwiper>.my-header-us>#hr-header-new {
  border-top: 5px solid #fff !important;
  width: 50%;
}

.mySwiper>.my-header-us>#hr-header-th-new {
  border-top: 5px solid #fff !important;
  width: 70%;
}

.my-header-us hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: inherit;
  position: inherit;
  margin-top: 30px;
  bottom: 0px !important;
}

.support .academy-button-search {
  padding-top: 10px;
  margin-right: -14px;
}

.tfoot-plans {
  margin-top: 20px;
}

.tfoot-plans-th {
  margin-top: 18px;
}

.pagination-for-mobile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #fff;
  position: relative;
  margin-top: -55px;
  font-size: -webkit-xxx-large;
  z-index: 99999999999999999999999;
}

@keyframes in-out-left-right {
  0% {
    transform: translateZ(0);
  }

  49% {
    transform: translate3d(35%, 0, 0);
    opacity: 0;
  }

  50% {
    transform: translate3d(-35%, 0, 0);
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.m-plan-button-t:hover .fa-long-arrow-right {
  -webkit-animation-timing-function: cubic-bezier(0.125, 0.98, 0.565, 1.17);
  animation-timing-function: cubic-bezier(0.125, 0.98, 0.565, 1.17);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: in-out-left-right;
  animation-name: in-out-left-right;

  color: #fff;
}

.m-plan-button-t a:hover {
  color: #fff;
}

.background-color-orange:hover {
  background-color: #f15930;
}

.font-weight-normal {
  font-weight: normal;
}

.title-text-plan {
  display: -webkit-box;
  /* -webkit-line-clamp: 3; */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-mobile-subscribe {
  width: 70%;
  margin-left: 30px;
}

.academy-main-nav {
  margin-top: 10px;
  margin-bottom: 10px;
}


/*👉.mandala-background-support { 
  overflow: hidden;
  background-image: url(/assets/images/search/Mandala-background-support.png?v=1);
  text-align: center;
  width: 100%;
  background-size: cover;
  height: 335px;
}
👈*/


.table_plan_price>tbody>tr>td:first-child {
  font-weight: 500;
}

.tab-plans-news {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.tab-plans-news .nav {
  display: inline-table;
}

.tab-plans-news .nav {
  display: inline-table;
}


.tab-plans-news .nav-tabs>li>a {
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px 10px 0px 0px;
  /* color:#FFF; */
  color: rgba(255, 255, 255, 0.8);

}

.tab-plans-news .nav-tabs>li>a:hover {
  border-radius: 10px 10px 0px 0px;
  color: #fff;
  /* background: rgba(0, 0, 0, 0.2); */
  border: 1px solid transparent;
}

.tab-plans-news .nav-tabs>li>a.active {
  background: #FFFFFF;
  border-radius: 10px 10px 0px 0px;
  color: #000;
}

.tab-plans-news .nav-tabs>li>a.active .icon-cm {
  color: #0172FF;
}

.tab-plans-news .nav-tabs>li>a.active .icon-bu {
  color: #6040D7;
}

#hubspot-messages-iframe-container {
  display: initial !important;
  z-index: 2147483647;
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
}

/*******************************************
Owl carousel slide button (ipad & phone)
by Yuu (1/06/2023)
*******************************************/
#page-contents .owl-prev {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(48, 50, 62, 0.7);
  border-radius: 0px 15px 15px 0px;
}

#page-contents .owl-next {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  background: rgba(48, 50, 62, 0.7);
  border-radius: 15px 0px 0px 15px;
}

#page-contents .owl-carousel .owl-prev {
  left: 0;
}

#page-contents .owl-carousel .owl-next {
  right: 0;
}

#page-contents .owl-prev.disabled,
#page-contents .owl-next.disabled {
  display: none;
}

#page-contents .next-style,
#page-contents .prev-style {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#page-contents .next-style i,
#page-contents .prev-style i {
  font-size: 30px;
  color: #FFFFFF;
}

#page-contents .next-style:hover i,
#page-contents .prev-style:hover i {
  font-size: 30px;
  color: #FFFFFF;
}

/***********************************************/