@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

.plans {
  width: 96%;
  max-width: 1128px;
  margin: 0 auto;
  --baseColor: #656c7c;
  --baseSize: 16px;
  --baseLineHeight: 1.5;
  --fontFamily: Inter, sans-serif;
  --pink: #0c9439;
  --pinkLight: #9cc5aa;
  --blue: #1769ff;
  --redTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%230c9439'/%3E%3C/svg%3E%0A");
  --whiteTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  --close: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.414 16.586 0 9 7.586 1.414 0 0 1.414 7.586 9 0 16.586 1.414 18 9 10.414 16.586 18 18 16.586 10.414 9 18 1.414Z' fill='%23B1B8C9'/%3E%3C/svg%3E");
  --entpIcon: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.813 11.077 21 1.155l17.187 9.922v19.846L21 40.845 3.813 30.923V11.077Z' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='21' cy='21' r='8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.plans__container {
  padding: 0 0 2rem;
}

.plansHero {
  text-align: center;
  padding: 0 0 4.5rem;
  line-height: 1.21;
}
.plansHero__title {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 1rem 0;
  color: #000;
}
.plansHero__subtitle {
  margin: 0;
  text-align:center
}

.planItem {
  --border: 1px solid #e6e6e6;
  --bgColor: #fff;
  --boxShadow: none;
  background-color: var(--bgColor);
  border: var(--border);
  border-radius: 1rem;
  box-shadow: var(--boxShadow);
  padding: 2rem 1.5rem;
  display: inline-flex;
  flex-direction: column;
}
.planItem__container {
  --direction: column;
  display: grid;
  grid-auto-flow: var(--direction);
  grid-auto-columns: 1fr;
  gap: 1.5rem;
}
.planItem .price {
  --priceMargin: 2rem 0;
}
.planItem--pro {
  --border: 0;
  --boxShadow: 0px 14px 30px rgba(204, 204, 204, 0.32);
}
.planItem--pro .label {
  --labelBg: #fdb72e;
  --labelColor: #fff;
}
.planItem--entp {
  --bgColor: var(--blue);
}
.planItem--entp .card {
  --titleColor: #fff;
  --descColor: rgb(255 255 255 / 80%);
}
.planItem--entp .card__icon {
  background-image: var(--entpIcon);
  background-size: cover;
}
.planItem--entp .price,
.planItem--entp .featureList {
  --color: #fff;
}
.planItem--entp .featureList {
  --icon: var(--whiteTick);
}
.planItem .button {
  margin-top: auto;
}

.button {
  --bgColor: var(--pinkLight);
  --color: var(--pink);
  --shadowColor: rgba(76, 234, 110, 0.24);
  --outline: var(--pink);
  border-radius: 0.5rem;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  border: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  background-color: var(--bgColor);
  color: var(--color);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button--pink {
  --bgColor: var(--pink);
  --color: #fff;
  --shadowColor: rgb(234 76 137 / 50%);
}
.button--white {
  --bgColor: #fff;
  --shadowColor: rgb(255 255 255 / 30%);
  --outline: #fff;
}
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0px 6px 10px var(--shadowColor);
}
.button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--outline);
}

.card {
  --titleColor: #000;
  --descColor: var(--baseColor);
}
.card__header {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.card__icon {
  width: 2.625rem;
  height: 2.625rem;
}
.card h2 {
  color: var(--titleColor);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
  flex-grow: 1;
}
.card__desc {
  margin: 1.5rem 0 0;
  color: var(--descColor);
}

.label {
  --labelColor: var(--baseColor);
  --labelBg: #e5e5e5;
  font-weight: 600;
  line-height: 1.25;
  font-size: 1rem;
  text-align: center;
  padding: 0.625rem 1.125rem;
  border-radius: 2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--labelBg);
  color: var(--labelColor);
}

.price {
  --color: #000;
  --priceMargin: 0;
  display: flex;
  color: var(--color);
  align-items: center;
  gap: 0.5625rem;
  font-weight: 600;
  font-size: 2rem;
  margin: var(--priceMargin);
}
.price span {
  font-size: 1rem;
  font-weight: 400;
  color: var(--baseColor);
}

.featureList {
  --color: #000;
  --icon: var(--redTick);
  --height: 0.875rem;
  margin: 0 0 2.75rem;
  padding: 0;
  font-weight: 500;
}
.featureList li {
  color: var(--color);
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.featureList li:before {
  content: "";
  background-image: var(--icon);
  background-size: cover;
  display: block;
  width: 1.125rem;
  height: var(--height);
}
.featureList li:last-child {
  margin-bottom: 0;
}
.featureList li.disabled {
  --color: #b1b8c9;
  --height: 1.125rem;
  --icon: var(--close);
}

.symbol {
  --big: 2.625rem;
  --small: 1.5rem;
  --radius: 0.25rem;
  border: 2px solid var(--blue);
  width: var(--big);
  height: var(--big);
  border-radius: var(--radius);
  position: relative;
}
.symbol--rounded {
  --radius: 2rem;
}
.symbol:after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  border: 2px solid var(--pink);
  width: var(--small);
  height: var(--small);
  border-radius: var(--radius);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social-icon{
  background-size: 2rem 2rem;
  background-position: center;
  width: 2rem; 
  height: 2rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.social-icon-fb
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0RTcxQTgiIHI9IjI0Ii8+PHBhdGggZD0iTTI5LjksMTkuNWgtNHYtMi42YzAtMSwwLjctMS4yLDEuMS0xLjJjMC41LDAsMi44LDAsMi44LDB2LTQuNGwtMy45LDBjLTQuNCwwLTUuMywzLjMtNS4zLDUuM3YyLjloLTIuNVYyNCAgaDIuNWMwLDUuOCwwLDEyLjcsMCwxMi43aDUuM2MwLDAsMC03LDAtMTIuN2gzLjZMMjkuOSwxOS41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg=='); 
}

.social-icon-ig
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxnPjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDE2LjAwMjcgLTI3LjcxNzQgMjcuNzE3NCAxNi4wMDI3IC04NzguOTU5NSAtNDgyLjIyNjgpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IlNWR0lEXzFfIiB4MT0iLTEuMjA2OTY5ZS0wNiIgeDI9IjEiIHkxPSIzMiIgeTI9IjMyIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRUMwNTMiLz48c3RvcCBvZmZzZXQ9IjAuMzI3IiBzdHlsZT0ic3RvcC1jb2xvcjojRjIyMDNFIi8+PHN0b3Agb2Zmc2V0PSIwLjY0OCIgc3R5bGU9InN0b3AtY29sb3I6I0I3MjlBOCIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzUzNDJENiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBMMTYsMGM4LjgsMCwxNiw3LjIsMTYsMTZjMCw4LjgtNy4yLDE2LTE2LDE2QzcuMiwzMiwwLDI0LjgsMCwxNkMwLDcuMiw3LjIsMCwxNiwweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMC43LDZoLTkuNUM4LjMsNiw2LDguNCw2LDExLjR2OS4yYzAsMi45LDIuMyw1LjMsNS4zLDUuNGg5LjVjMi45LDAsNS4zLTIuNCw1LjMtNS40di05LjIgICBDMjYsOC40LDIzLjcsNiwyMC43LDZ6IE0yNC4yLDIwLjVjMCwyLTEuNiwzLjctMy43LDMuN2gtOS4xYy0yLDAtMy43LTEuNy0zLjYtMy43di05YzAtMiwxLjYtMy43LDMuNi0zLjdoOS4xYzIsMCwzLjcsMS43LDMuNywzLjcgICBWMjAuNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYsMTAuOWMtMi44LTAuMS01LjIsMi4yLTUuMiw1Yy0wLjEsMi44LDIuMiw1LjIsNSw1LjJzNS4yLTIuMiw1LjItNWwwLTAuMUMyMS4xLDEzLjIsMTguOCwxMC45LDE2LDEwLjl6ICAgIE0xNiwxOS4zYy0xLjgsMC0zLjMtMS40LTMuNC0zLjJjMC0xLjgsMS40LTMuMywzLjItMy40czMuMywxLjQsMy40LDMuMmwwLDAuMUMxOS4zLDE3LjgsMTcuOCwxOS4zLDE2LDE5LjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIxLjMsOS40YzAuNiwwLDEuMSwwLjUsMS4xLDEuMnMtMC41LDEuMi0xLjEsMS4ycy0xLjEtMC41LTEuMS0xLjJTMjAuNyw5LjQsMjEuMyw5LjR6Ii8+PC9nPjwvc3ZnPg=='); 
}

.social-icon-tg
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0ibGluZWFyLWdyYWRpZW50IiB4Mj0iNTAyLjY5NyIgeTE9IjUxMiIgeTI9IjkuMzAzIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyMDgxYzciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzOGFmZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGUvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI1NiwwQzExNC42MTUsMCwwLDExNC42MTUsMCwyNTZTMTE0LjYxNSw1MTIsMjU2LDUxMiw1MTIsMzk3LjM4NSw1MTIsMjU2LDM5Ny4zODUsMCwyNTYsMFpNMzg5LjA1OSwxNjEuOTM2LDM0My41OTEsMzc5YTE2LjAwNywxNi4wMDcsMCwwLDEtMjUuMTc3LDkuNTkzbC02Ni4xMzYtNDguODYxLTQwLjA2OCwzNy44YTUuNDI5LDUuNDI5LDAsMCwxLTcuNzQtLjI5NGwtLjg2MS0uOTQ2LDYuOTYyLTY3LjM3NUwzMzYuMDU1LDE5NC4yNjZhMy4zNTgsMy4zNTgsMCwwLDAtNC4wNjEtNS4zMTdMMTcxLjUxNSwyOTAuNTE5LDEwMi40LDI2Ny4zMDdhOS4zOTMsOS4zOTMsMCwwLDEtLjMyLTE3LjY5NEwzNzIuNSwxNDcuNzQ0QTEyLjQ0MSwxMi40NDEsMCwwLDEsMzg5LjA1OSwxNjEuOTM2WiIvPjwvc3ZnPg=='); 
}
.social-icon-zalo
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMzcyIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDQ2MC4xIDQzNi42IiB3aWR0aD0iMjUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnN0MHtmaWxsOiNmZGZlZmV9LnN0MXtmaWxsOiMwMTgwYzd9LnN0MntmaWxsOiMwMTcyYjF9LnN0M3tmaWxsOm5vbmU7c3Ryb2tlOiMwMTgwYzc7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48dGl0bGUvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04Mi42IDM4MC45Yy0xLjgtLjgtMy4xLTEuNy0xLTMuNSAxLjMtMSAyLjctMS45IDQuMS0yLjggMTMuMS04LjUgMjUuNC0xNy44IDMzLjUtMzEuNSA2LjgtMTEuNCA1LjctMTguMS0yLjgtMjYuNUM2OSAyNjkuMiA0OC4yIDIxMi41IDU4LjYgMTQ1LjUgNjQuNSAxMDcuNyA4MS44IDc1IDEwNyA0Ni42YzE1LjItMTcuMiAzMy4zLTMxLjEgNTMuMS00Mi43IDEuMi0uNyAyLjktLjkgMy4xLTIuNy0uNC0xLTEuMS0uNy0xLjctLjctMzMuNyAwLTY3LjQtLjctMTAxIC4yQzI4LjMgMS43LjUgMjYuNi42IDYyLjNjLjIgMTA0LjMgMCAyMDguNiAwIDMxMyAwIDMyLjQgMjQuNyA1OS41IDU3IDYwLjcgMjcuMyAxLjEgNTQuNi4yIDgyIC4xIDIgLjEgNCAuMiA2IC4ySDI5MGMzNiAwIDcyIC4yIDEwOCAwIDMzLjQgMCA2MC41LTI3IDYwLjUtNjAuM3YtLjYtNTguNWMwLTEuNC41LTIuOS0uNC00LjQtMS44LjEtMi41IDEuNi0zLjUgMi42LTE5LjQgMTkuNS00Mi4zIDM1LjItNjcuNCA0Ni4zLTYxLjUgMjcuMS0xMjQuMSAyOS0xODcuNiA3LjItNS41LTItMTEuNS0yLjItMTcuMi0uOC04LjQgMi4xLTE2LjcgNC42LTI1IDcuMS0yNC40IDcuNi00OS4zIDExLTc0LjggNnptNzIuNS0xNjguNWMxLjctMi4yIDIuNi0zLjUgMy42LTQuOCAxMy4xLTE2LjYgMjYuMi0zMy4yIDM5LjMtNDkuOSAzLjgtNC44IDcuNi05LjcgMTAtMTUuNSAyLjgtNi42LS4yLTEyLjgtNy0xNS4yLTMtLjktNi4yLTEuMy05LjQtMS4xLTE3LjgtLjEtMzUuNy0uMS01My41IDAtMi41IDAtNSAuMy03LjQuOS01LjYgMS40LTkgNy4xLTcuNiAxMi44IDEgMy44IDQgNi44IDcuOCA3LjcgMi40LjYgNC45LjkgNy40LjggMTAuOC4xIDIxLjcgMCAzMi41LjEgMS4yIDAgMi43LS44IDMuNiAxLS45IDEuMi0xLjggMi40LTIuNyAzLjUtMTUuNSAxOS42LTMwLjkgMzkuMy00Ni40IDU4LjktMy44IDQuOS01LjggMTAuMy0zIDE2LjNzOC41IDcuMSAxNC4zIDcuNWM0LjYuMyA5LjMuMSAxNCAuMSAxNi4yIDAgMzIuMy4xIDQ4LjUtLjEgOC42LS4xIDEzLjItNS4zIDEyLjMtMTMuMy0uNy02LjMtNS05LjYtMTMtOS43LTE0LjEtLjEtMjguMiAwLTQzLjMgMHptMTE2LTUyLjZjLTEyLjUtMTAuOS0yNi4zLTExLjYtMzkuOC0zLjYtMTYuNCA5LjYtMjIuNCAyNS4zLTIwLjQgNDMuNSAxLjkgMTcgOS4zIDMwLjkgMjcuMSAzNi42IDExLjEgMy42IDIxLjQgMi4zIDMwLjUtNS4xIDIuNC0xLjkgMy4xLTEuNSA0LjguNiAzLjMgNC4yIDkgNS44IDE0IDMuOSA1LTEuNSA4LjMtNi4xIDguMy0xMS4zLjEtMjAgLjItNDAgMC02MC0uMS04LTcuNi0xMy4xLTE1LjQtMTEuNS00LjMuOS02LjcgMy44LTkuMSA2Ljl6bTY5LjMgMzcuMWMtLjQgMjUgMjAuMyA0My45IDQ2LjMgNDEuMyAyMy45LTIuNCAzOS40LTIwLjMgMzguNi00NS42LS44LTI1LTE5LjQtNDIuMS00NC45LTQxLjMtMjMuOS43LTQwLjggMTkuOS00MCA0NS42em0tOC44LTE5LjljMC0xNS43LjEtMzEuMyAwLTQ3IDAtOC01LjEtMTMtMTIuNy0xMi45LTcuNC4xLTEyLjMgNS4xLTEyLjQgMTIuOC0uMSA0LjcgMCA5LjMgMCAxNHY3OS41YzAgNi4yIDMuOCAxMS42IDguOCAxMi45IDYuOSAxLjkgMTQtMi4yIDE1LjgtOS4xLjMtMS4yLjUtMi40LjQtMy43LjItMTUuNS4xLTMxIC4xLTQ2LjV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEzOS41IDQzNi4yYy0yNy4zIDAtNTQuNy45LTgyLS4xLTMyLjMtMS4zLTU3LTI4LjQtNTctNjAuNyAwLTEwNC4zLjItMjA4LjYgMC0zMTNDLjUgMjYuNyAyOC40IDEuOCA2MC41LjljMzMuNi0uOSA2Ny4zLS4yIDEwMS0uMi42IDAgMS40LS4zIDEuNy43LS4yIDEuOC0yIDItMy4xIDIuNy0xOS44IDExLjYtMzcuOSAyNS41LTUzLjEgNDIuNy0yNS4xIDI4LjQtNDIuNSA2MS00OC40IDk4LjktMTAuNCA2Ni45IDEwLjUgMTIzLjcgNTcuOCAxNzEuMSA4LjQgOC41IDkuNSAxNS4xIDIuOCAyNi41LTguMSAxMy43LTIwLjQgMjMtMzMuNSAzMS41LTEuNC44LTIuOCAxLjgtNC4yIDIuNy0yLjEgMS44LS44IDIuNyAxIDMuNS40LjkuOSAxLjcgMS41IDIuNSAxMS41IDEwLjIgMjIuNCAyMS4xIDMzLjcgMzEuNSA1LjMgNC45IDEwLjYgMTAgMTUuNyAxNS4xIDIuMSAxLjkgNS42IDIuNSA2LjEgNi4xeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMzkuNSA0MzYuMmMtLjUtMy41LTQtNC4xLTYuMS02LjItNS4xLTUuMi0xMC40LTEwLjItMTUuNy0xNS4xLTExLjMtMTAuNC0yMi4yLTIxLjMtMzMuNy0zMS41LS42LS44LTEuMS0xLjYtMS41LTIuNSAyNS41IDUgNTAuNCAxLjYgNzQuOS01LjkgOC4zLTIuNSAxNi42LTUgMjUtNy4xIDUuNy0xLjUgMTEuNy0xLjIgMTcuMi44IDYzLjQgMjEuOCAxMjYgMTkuOCAxODcuNi03LjIgMjUuMS0xMS4xIDQ4LTI2LjcgNjcuNC00Ni4yIDEtMSAxLjctMi41IDMuNS0yLjYuOSAxLjQuNCAyLjkuNCA0LjR2NTguNWMuMiAzMy40LTI2LjYgNjAuNi02MCA2MC45aC0uNWMtMzYgLjItNzIgMC0xMDggMEgxNDUuNWMtMi0uMi00LS4zLTYtLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1NS4xIDIxMi40YzE1LjEgMCAyOS4zLS4xIDQzLjQgMCA3LjkuMSAxMi4yIDMuNCAxMyA5LjcuOSA3LjktMy43IDEzLjItMTIuMyAxMy4zLTE2LjIuMi0zMi4zLjEtNDguNS4xLTQuNyAwLTkuMy4yLTE0LS4xLTUuOC0uMy0xMS41LTEuNS0xNC4zLTcuNXMtLjgtMTEuNCAzLTE2LjNjMTUuNC0xOS42IDMwLjktMzkuMyA0Ni40LTU4LjkuOS0xLjIgMS44LTIuNCAyLjctMy41LTEtMS43LTIuNC0uOS0zLjYtMS0xMC44LS4xLTIxLjcgMC0zMi41LS4xLTIuNSAwLTUtLjMtNy40LS44LTUuNy0xLjMtOS4yLTctNy45LTEyLjYuOS0zLjggMy45LTYuOSA3LjctNy44IDIuNC0uNiA0LjktLjkgNy40LS45IDE3LjgtLjEgMzUuNy0uMSA1My41IDAgMy4yLS4xIDYuMy4zIDkuNCAxLjEgNi44IDIuMyA5LjcgOC42IDcgMTUuMi0yLjQgNS43LTYuMiAxMC42LTEwIDE1LjUtMTMuMSAxNi43LTI2LjIgMzMuMy0zOS4zIDQ5LjgtMS4xIDEuMy0yLjEgMi42LTMuNyA0Ljh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI3MS4xIDE1OS44YzIuNC0zLjEgNC45LTYgOS02LjggNy45LTEuNiAxNS4zIDMuNSAxNS40IDExLjUuMyAyMCAuMiA0MCAwIDYwIDAgNS4yLTMuNCA5LjgtOC4zIDExLjMtNSAxLjktMTAuNy40LTE0LTMuOS0xLjctMi4xLTIuNC0yLjUtNC44LS42LTkuMSA3LjQtMTkuNCA4LjctMzAuNSA1LjEtMTcuOC01LjgtMjUuMS0xOS43LTI3LjEtMzYuNi0yLjEtMTguMyA0LTMzLjkgMjAuNC00My41IDEzLjYtOC4xIDI3LjQtNy40IDM5LjkgMy41em0tMzUuNCAzNi41Yy4yIDQuNCAxLjYgOC42IDQuMiAxMi4xIDUuNCA3LjIgMTUuNyA4LjcgMjMgMy4zIDEuMi0uOSAyLjMtMiAzLjMtMy4zIDUuNi03LjYgNS42LTIwLjEgMC0yNy43LTIuOC0zLjktNy4yLTYuMi0xMS45LTYuMy0xMS0uNy0xOC43IDcuOC0xOC42IDIxLjl6TTM0MC40IDE5Ni45Yy0uOC0yNS43IDE2LjEtNDQuOSA0MC4xLTQ1LjYgMjUuNS0uOCA0NC4xIDE2LjMgNDQuOSA0MS4zLjggMjUuMy0xNC43IDQzLjItMzguNiA0NS42LTI2LjEgMi42LTQ2LjgtMTYuMy00Ni40LTQxLjN6bTI1LjEtMi40Yy0uMiA1IDEuMyA5LjkgNC4zIDE0IDUuNSA3LjIgMTUuOCA4LjYgMjMgMyAxLjEtLjggMi0xLjggMi45LTIuOCA1LjgtNy42IDUuOC0yMC40LjEtMjgtMi44LTMuOC03LjItNi4yLTExLjktNi4zLTEwLjgtLjYtMTguNCA3LjYtMTguNCAyMC4xek0zMzEuNiAxNzdjMCAxNS41LjEgMzEgMCA0Ni41LjEgNy4xLTUuNSAxMy0xMi42IDEzLjItMS4yIDAtMi41LS4xLTMuNy0uNC01LTEuMy04LjgtNi42LTguOC0xMi45di03OS41YzAtNC43LS4xLTkuMyAwLTE0IC4xLTcuNyA1LTEyLjcgMTIuNC0xMi43IDcuNi0uMSAxMi43IDQuOSAxMi43IDEyLjkuMSAxNS42IDAgMzEuMyAwIDQ2Ljl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIzNS43IDE5Ni4zYy0uMS0xNC4xIDcuNi0yMi42IDE4LjUtMjIgNC43LjIgOS4xIDIuNSAxMS45IDYuNCA1LjYgNy41IDUuNiAyMC4xIDAgMjcuNy01LjQgNy4yLTE1LjcgOC43LTIzIDMuMy0xLjItLjktMi4zLTItMy4zLTMuMy0yLjUtMy41LTMuOS03LjctNC4xLTEyLjF6TTM2NS41IDE5NC41YzAtMTIuNCA3LjYtMjAuNyAxOC40LTIwLjEgNC43LjEgOS4xIDIuNSAxMS45IDYuMyA1LjcgNy42IDUuNyAyMC41LS4xIDI4LTUuNiA3LjEtMTYgOC4zLTIzLjEgMi43LTEuMS0uOC0yLTEuOC0yLjgtMi45LTMtNC4xLTQuNC05LTQuMy0xNHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjYgMWgzMjguMWMzNS45IDAgNjUgMjkuMSA2NSA2NXYzMDNjMCAzNS45LTI5LjEgNjUtNjUgNjVINjZjLTM1LjkgMC02NS0yOS4xLTY1LTY1VjY2QzEgMzAuMSAzMC4xIDEgNjYgMXoiLz48L3N2Zz4='); 
}

.social-icon-youtube
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMDAgMTAwMDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYwMDAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT48dGl0bGUvPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MDAsMTAwMEw1MDAsMTAwMEMyMjMuOSwxMDAwLDAsNzc2LjEsMCw1MDB2MEMwLDIyMy45LDIyMy45LDAsNTAwLDBoMGMyNzYuMSwwLDUwMCwyMjMuOSw1MDAsNTAwdjAgICBDMTAwMCw3NzYuMSw3NzYuMSwxMDAwLDUwMCwxMDAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MTguMiwzMzkuMWMtNy42LTI4LjgtMzAuMS01MS40LTU4LjctNTkuMWMtNTEuOC0xNC0yNTkuNC0xNC0yNTkuNC0xNHMtMjA3LjcsMC0yNTkuNCwxNCAgIGMtMjguNiw3LjctNTEuMSwzMC4zLTU4LjcsNTkuMUMxNjgsMzkxLjIsMTY4LDUwMCwxNjgsNTAwczAsMTA4LjgsMTMuOSwxNjAuOWM3LjYsMjguOCwzMC4xLDUxLjQsNTguNyw1OS4xICAgYzUxLjgsMTQsMjU5LjQsMTQsMjU5LjQsMTRzMjA3LjcsMCwyNTkuNC0xNGMyOC42LTcuNyw1MS4xLTMwLjMsNTguNy01OS4xQzgzMiw2MDguOCw4MzIsNTAwLDgzMiw1MDBTODMyLDM5MS4yLDgxOC4yLDMzOS4xeiAgICBNNDMyLjEsNTk4LjdWNDAxLjNMNjA1LjYsNTAwTDQzMi4xLDU5OC43eiIvPjwvZz48L3N2Zz4='); 
}
.social-icon-linkedin
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGNpcmNsZSBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGN4PSIxNiIgY3k9IjE2IiBmaWxsPSIjMDA3QkI1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHI9IjE2Ii8+PGc+PHJlY3QgZmlsbD0iI0ZGRkZGRiIgaGVpZ2h0PSIxNCIgd2lkdGg9IjQiIHg9IjciIHk9IjExIi8+PHBhdGggZD0iTTIwLjQ5OSwxMWMtMi43OTEsMC0zLjI3MSwxLjAxOC0zLjQ5OSwydi0yaC00djE0aDR2LThjMC0xLjI5NywwLjcwMy0yLDItMmMxLjI2NiwwLDIsMC42ODgsMiwydjhoNHYtNyAgICBDMjUsMTQsMjQuNDc5LDExLDIwLjQ5OSwxMXoiIGZpbGw9IiNGRkZGRkYiLz48Y2lyY2xlIGN4PSI5IiBjeT0iOCIgZmlsbD0iI0ZGRkZGRiIgcj0iMiIvPjwvZz48L2c+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PC9zdmc+'); 
}
.social-icon-vkontakte
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMDAgMTAwMDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNTE4MUI4O30KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT48dGl0bGUvPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MDAsMTAwMEw1MDAsMTAwMEMyMjMuOSwxMDAwLDAsNzc2LjEsMCw1MDB2MEMwLDIyMy45LDIyMy45LDAsNTAwLDBoMGMyNzYuMSwwLDUwMCwyMjMuOSw1MDAsNTAwdjAgICBDMTAwMCw3NzYuMSw3NzYuMSwxMDAwLDUwMCwxMDAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MTksMzQ0LjVjNC42LTE1LjUsMC0yNi44LTIyLjEtMjYuOEg3MjRjLTE4LjUsMC0yNy4xLDkuOC0zMS43LDIwLjZjMCwwLTM3LjEsOTAuNC04OS42LDE0OS4xICAgYy0xNywxNy0yNC43LDIyLjQtMzQsMjIuNGMtNC42LDAtMTEuMy01LjQtMTEuMy0yMC45VjM0NC41YzAtMTguNS01LjQtMjYuOC0yMC44LTI2LjhINDIyYy0xMS42LDAtMTguNiw4LjYtMTguNiwxNi44ICAgYzAsMTcuNiwyNi4zLDIxLjYsMjksNzEuMXYxMDcuNGMwLDIzLjUtNC4zLDI3LjgtMTMuNSwyNy44Yy0yNC43LDAtODQuOC05MC44LTEyMC41LTE5NC43Yy03LTIwLjItMTQtMjguMy0zMi42LTI4LjNoLTcyLjkgICBjLTIwLjgsMC0yNSw5LjgtMjUsMjAuNmMwLDE5LjMsMjQuNywxMTUuMSwxMTUuMSwyNDEuOGM2MC4zLDg2LjUsMTQ1LjEsMTMzLjQsMjIyLjQsMTMzLjRjNDYuMywwLDUyLjEtMTAuNCw1Mi4xLTI4LjR2LTY1LjQgICBjMC0yMC44LDQuNC0yNSwxOS4xLTI1YzEwLjgsMCwyOS40LDUuNCw3Mi42LDQ3LjFjNDkuNCw0OS40LDU3LjYsNzEuNiw4NS40LDcxLjZoNzIuOWMyMC44LDAsMzEuMi0xMC40LDI1LjItMzEgICBjLTYuNi0yMC41LTMwLjItNTAuMi02MS41LTg1LjVjLTE3LTIwLjEtNDIuNS00MS43LTUwLjItNTIuNWMtMTAuOC0xMy45LTcuNy0yMC4xLDAtMzIuNEM3MjAuOSw1MTIuMSw4MDkuNywzODcsODE5LDM0NC41eiIgaWQ9IkxvZ28iLz48L2c+PC9zdmc+'); 
}

.social-icon-odnoklassniki
{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxMjAiIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB3aWR0aD0iMTIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjAgNjBDMTIwIDkzLjEzNzEgOTMuMTM3MSAxMjAgNjAgMTIwQzI2Ljg2MjkgMTIwIDAgOTMuMTM3MSAwIDYwQzAgMjYuODYyOSAyNi44NjI5IDAgNjAgMEM5My4xMzcxIDAgMTIwIDI2Ljg2MjkgMTIwIDYwWiIgZmlsbD0iI0VEODEyQiIvPjxwYXRoIGQ9Ik02Ny4yODQ3IDc1Ljg2ODhDNzAuOTYzNSA3NS4wMjI5IDc0LjQ3NzggNzMuNTUyOCA3Ny42NzE4IDcxLjUyMjhDODAuMDc4MSA2OS44OTUyIDgwLjcyNDQgNjYuNjA1MSA3OS4xMTQ0IDY0LjE3MjVDNzcuNTY3OSA2MS44MzMyIDc0LjQ4NjQgNjEuMTI3MyA3Mi4wODg3IDYyLjU1OTVDNjQuNzMxMyA2Ny4yMTE4IDU1LjM4MjkgNjcuMjExOCA0OC4wMjU1IDYyLjU1OTVDNDUuNTgxNiA2MS4wMDE5IDQyLjM1NTkgNjEuNzQyOCA0MC44MTIyIDY0LjIwNzVDNDAuODEyMiA2NC4yMTMzIDQwLjgxMjIgNjQuMjE5MSA0MC44MDY1IDY0LjIyMkMzOS4yNjU3IDY2LjY5MjYgMzkuOTk4NiA2OS45NTY1IDQyLjQ0MjQgNzEuNTE0TDQyLjQ0ODIgNzEuNTE5OUM0NS42MzY0IDczLjU0NyA0OS4xNDc4IDc1LjAyIDUyLjgyMzcgNzUuODZMNDIuODI2MiA4NS45NjY3QzQwLjc4NjMgODcuOTkzOSA0MC43NDg4IDkxLjMwNDQgNDIuNzQ1NCA5My4zNjY2TDQyLjgzMTkgOTMuNDU0MUM0My44MjQ1IDk0LjQ4NjYgNDUuMTY5IDk1IDQ2LjUwNzggOTVDNDcuODQ5NSA5NSA0OS4xOTExIDk0LjQ4NjYgNTAuMTg2NSA5My40NTQxTDYwLjA1NzEgODMuNTI1NEw2OS44Nzg2IDkzLjQ1OTlDNzEuOTU2IDk1LjQ4NzEgNzUuMjc0MSA5NS40MzE3IDc3LjI4MjIgOTMuMzI4N0M3OS4yMzg1IDkxLjI3ODIgNzkuMjM4NSA4OC4wMjYgNzcuMjgyMiA4NS45Nzg0TDY3LjI4NDcgNzUuODY4OFpNNjAuMDU3MSA2MS4xMzMyQzY5LjkyNDggNjEuMTIxNSA3Ny45MTcgNTMuMDQyIDc3LjkzMTQgNDMuMDY5NUM3Ny45MzE0IDMzLjEwODcgNjkuOTEwMyAyNSA2MC4wNTcxIDI1QzUwLjIwMzggMjUgNDIuMTgyOCAzMy4xMDg3IDQyLjE4MjggNDMuMDc1M0M0Mi4xOTcyIDUzLjA1MDggNTAuMTkyMyA2MS4xMzAzIDYwLjA1NzEgNjEuMTM2MVY2MS4xMzMyWk02MC4wNTcxIDM1LjU5MDlDNjQuMTQyNyAzNS41OTY3IDY3LjQ1MjEgMzguOTQ1MiA2Ny40NTUgNDMuMDcyNEM2Ny40NTUgNDcuMjAyNiA2NC4xNDI3IDUwLjU0ODEgNjAuMDU3MSA1MC41NTRDNTUuOTc0NCA1MC41NDgxIDUyLjY2NSA0Ny4yMDU1IDUyLjY1NjMgNDMuMDc1M0M1Mi42NjIxIDM4Ljk0MjIgNTUuOTc0NCAzNS41OTY3IDYwLjA1NzEgMzUuNTg3OVYzNS41OTA5WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4='); 
}
@media screen and (max-width: 640px) {
  .plans {
    max-width: 480px;
    width: 90%;
  }

  .planItem__container {
    --direction: row;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
  
}