.u-section-1 .u-sheet-1 {
  /* min-height: 834px; */
}

@font-face {
  font-family: "fd";
  unicode-range: U+0030-0039; /* Target only 0-9 digits */
  src: url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2 supports variations'), url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2-variations'),url('/assets/fonts/vazir/variable/Vazirmatn[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  width: 647px;
  margin: 79px auto 0;
}

.u-section-1 .u-text-2 {
  font-size: 1.125rem;
  width: 510px;
  margin: 20px auto 0;
}

.u-section-1 .u-list-1 {
  margin: 51px auto 30px 0;
}

.u-section-1 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 26.6667px));
  min-height: 517px;
  grid-gap: 70px;
}

.u-section-1 .u-list-item-1 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

.u-section-1 .u-container-layout-1 {
  padding: 0;
}

.u-section-1 .u-group-1 {
  min-height: 232px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

.u-section-1 .u-container-layout-2 {
  padding: 30px;
}

.u-section-1 .u-text-3 {
  font-weight: 700;
  margin: 0 auto;
}

.u-section-1 .u-text-4 {
  font-weight: 700;
  font-size: 3.75rem;
  margin: 32px auto 0;
}

.u-section-1 .u-text-5 {
  font-weight: 700;
  margin: -53px auto 0 32px;
}

.u-section-1 .u-text-6 {
  font-weight: 700;
  margin: 32px auto 0;
}

.u-section-1 .u-text-7 {
  line-height: 2;
  /* letter-spacing: 1px; */
  text-align: center;
  width: 215px;
  margin: 32px auto 0;
}

.u-section-1 .u-btn-1 {
  font-size: 1.125rem;
  font-weight: 700;
  background-image: none;
  text-transform: none;
  letter-spacing: normal;
  margin: 10px auto 0;
  padding: 19px 41px 20px 40px;
}

.green  .u-list-item-2 {
  background-image: none;
  /* box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); */
  border: 1px solid #97d455;
}

.u-section-1 .u-container-layout-3 {
  padding: 0;
}

.u-section-1 .u-group-2 {
  min-height: 232px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

.u-section-1 .u-container-layout-4 {
  padding: 30px;
}

.u-section-1 .u-text-8 {
  font-weight: 700;
  margin: 0 auto;
}

.u-section-1 .u-text-9 {
  font-weight: 700;
  font-size: 3.75rem;
  margin: 32px auto 0;
}

.u-section-1 .u-text-10 {
  font-weight: 700;
  margin: -53px auto 0 32px;
}

.u-section-1 .u-text-11 {
  font-weight: 700;
  margin: 32px auto 0;
}

.u-section-1 .u-text-7 {
  line-height: 2;
  /* letter-spacing: 1px; */
  text-align: center;
  width: 215px;
  margin: 32px auto 0;
}

.u-section-1 .u-btn-2 {
  font-size: 1.125rem;
  font-weight: 700;
  background-image: none;
  text-transform: none;
  letter-spacing: normal;
  margin: 10px auto 0;
  padding: 19px 41px 20px 40px;
  margin-bottom: 15px;
  width: 200px;
}

.u-section-1 .u-list-item-3 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

.u-section-1 .u-container-layout-5 {
  padding: 0;
}

.u-section-1 .u-group-3 {
  min-height: 232px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

.u-section-1 .u-container-layout-6 {
  padding: 30px;
}

.u-section-1 .u-text-13 {
  font-weight: 700;
  margin: 0 auto;
}

.u-section-1 .u-text-14 {
  font-weight: 700;
  font-size: 3.75rem;
  margin: 32px auto 0;
}

.u-section-1 .u-text-15 {
  font-weight: 700;
  margin: -53px auto 0 32px;
}

.u-section-1 .u-text-16 {
  font-weight: 700;
  margin: 32px auto 0;
}

.u-section-1 .u-text-7 {
  line-height: 2;
  /* letter-spacing: 1px; */
  text-align: center;
  width: 215px;
  margin: 32px auto 0;
}

.u-section-1 .u-btn-3 {
  font-size: 1.125rem;
  font-weight: 700;
  background-image: none;
  text-transform: none;
  letter-spacing: normal;
  margin: 10px auto 0;
  padding: 19px 41px 20px 40px;
}


@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    /* min-height: 853px; */
  }

  .u-section-1 .u-list-1 {
    width: 961px;
    margin-bottom: 39px;
    margin-left: -21px;
    margin-right: auto;
  }

  .u-section-1 .u-repeater-1 {
    min-height: 553px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-group-1 {
    min-height: 242px;
    height: auto;
  }

  .u-section-1 .u-text-5 {
    width: auto;
    margin-top: -47px;
    margin-left: 0;
  }

  .u-section-1 .u-text-6 {
    width: auto;
    margin-top: 36px;
  }

  .u-section-1 .u-text-7 {
    margin-top: 79px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-group-2 {
    min-height: 242px;
    height: auto;
  }

  .u-section-1 .u-text-10 {
    width: auto;
    margin-top: -47px;
    margin-left: 0;
  }

  .u-section-1 .u-text-11 {
    width: auto;
    margin-top: 36px;
  }

  .u-section-1 .u-text-7 {
    margin-top: 79px;
  }

  .u-section-1 .u-container-layout-5 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-group-3 {
    min-height: 242px;
    height: auto;
  }

  .u-section-1 .u-text-15 {
    width: auto;
    margin-top: -47px;
    margin-left: 0;
  }

  .u-section-1 .u-text-16 {
    width: auto;
    margin-top: 36px;
  }

  .u-section-1 .u-text-7 {
    margin-top: 79px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-list-1 {
    width: 720px;
    margin-left: 0;
  }

  .specialPlan:not(.skin2){

    border-radius:0px !important;
  }

  .u-section-1 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 20.000025px));
    min-height: 1244px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 0;
  }

  .u-section-1 .u-text-7 {
    margin-top: 50px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 51px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-bottom: 0;
  }

  .u-section-1 .u-text-7 {
    margin-top: 50px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 51px;
  }

  .u-section-1 .u-container-layout-5 {
    padding-bottom: 0;
  }

  .u-section-1 .u-text-7 {
    margin-top: 50px;
  }

  .u-section-1 .u-btn-3 {
    margin-top: 51px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    /* min-height: 1898px; */
  }

  .u-section-1 .u-text-1 {
    width: 540px;
  }

  .u-section-1 .u-list-1 {
    margin-bottom: 0;
    width: 540px;
  }

  .u-section-1 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1658px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-text-5 {
    margin-left: 138px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 18px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-text-10 {
    margin-left: 138px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 18px;
  }

  .u-section-1 .u-container-layout-5 {
    padding-bottom: 20px;
  }

  .u-section-1 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-text-15 {
    margin-left: 138px;
  }

  .u-section-1 .u-btn-3 {
    margin-top: 18px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    /* min-height: 1863px; */
  }

  .u-section-1 .u-text-1 {
    font-size: 1.5rem;
    width: 340px;
  }

  .u-section-1 .u-text-2 {
    width: 340px;
  }

  .u-section-1 .u-list-1 {
    width: 340px;
  }

  .u-section-1 .u-repeater-1 {
    min-height: 1146px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 15px;
  }

  .u-section-1 .u-text-5 {
    margin-top: -38px;
    margin-left: 54px;
  }

  .u-section-1 .u-text-6 {
    margin-top: 32px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
    margin-top: 2px;
    margin-right: 71px;
    margin-left: 54px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 20px;
    margin-bottom: -5px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-bottom: 15px;
  }

  .u-section-1 .u-group-2 {
    min-height: 289px;
  }

  .u-section-1 .u-text-10 {
    margin-top: -38px;
    margin-left: 40px;
  }

  .u-section-1 .u-text-11 {
    margin-top: 32px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
    margin-top: 2px;
    margin-right: 71px;
    margin-left: 54px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 20px;
    margin-bottom: -5px;
  }

  .u-section-1 .u-container-layout-5 {
    padding-bottom: 15px;
  }

  .u-section-1 .u-text-15 {
    margin-top: -38px;
    margin-left: 54px;
  }

  .u-section-1 .u-text-16 {
    margin-top: 32px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
    margin-top: 2px;
    margin-right: 71px;
    margin-left: 54px;
  }

  .u-section-1 .u-btn-3 {
    margin-top: 20px;
    margin-bottom: -5px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 433px;
}

.u-section-2 .u-layout-wrap-1 {
  margin: 0 0 13px;
}

.u-section-2 .u-image-1 {
  min-height: 420px;
  background-image: url("images/credit-card-3856452-3212617.png?v=1");
  background-position: 50% 50%;
  background-size: contain;
}

.u-section-2 .u-container-layout-1 {
  padding: 0 30px;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 420px;
}

.u-section-2 .u-container-layout-2 {
  padding: 30px 0;
}

.u-section-2 .u-text-1 {
  margin: 77px auto 0;
}

.u-section-2 .u-text-2 {
  margin: 20px auto 0;
}

.u-section-2 .u-text-3 {
  font-style: normal;
  font-size: 1.125rem;
  margin: 20px 29px 0;
}

.u-section-2 .u-text-4 {
  font-weight: 700;
  margin: 20px auto 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 430px;
  }

  .u-section-2 .u-layout-wrap-1 {
    position: relative;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-1 {
    min-height: 346px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 346px;
  }

  .u-section-2 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 353px;
  }

  .u-section-2 .u-image-1 {
    min-height: 265px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 100px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 580px;
  }

  .u-section-2 .u-image-1 {
    min-height: 295px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 354px;
  }

  .u-section-2 .u-text-1 {
    width: 349px;
    margin-top: 12px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 439px;
  }

  .u-section-2 .u-image-1 {
    min-height: 204px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 431px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-top: 1px;
  }

  .u-section-2 .u-text-1 {
    width: 233px;
    margin-top: 22px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 166px;
}

.u-section-3 .u-text-1 {
  font-size: 1.5rem;
  margin: 40px auto 0;
}

.u-section-3 .u-icon-1 {
  font-size: 1.375em;
}

.u-section-3 .u-text-2 {
  line-height: 1.8;
  width: 680px;
  margin: 20px auto 51px;
}

@media (max-width: 767px) {
  .u-section-3 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-text-2 {
    width: 340px;
  }
}

li strong {
  font-size: 16px;
  border-bottom: 1px solid;
}

span.d-bold {
  padding: 2px;
  background-color: #ffffff;
  border-radius: 6px;
  margin: 2px;
}

.pbox {
  height: 76px;
  background-color: #f4f4f4;
  width: 152px;
  border-radius: 10px;
  margin: 4px;
}

.paypalPrices {
  display: flex;
  justify-content: center;
  cursor: pointer;
  flex-direction: row-reverse;
}

p.boxname {
  margin-top: 8px;
  color: #215598;
  font-weight: 900;
}

.icons img {
  width: 30px;
}

.pbox>div {
  display: flex;
  justify-content: space-around;
  height: 100%;
  align-items: center;
}

.dollars {
  font-size: 25px;
  color: #215598;
  font-weight: 900;
}

.pbox .icons {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-end;
}

.input {}

textarea#address {
  padding: 5px;
  width: 100%;
  max-width: 356px;
  min-width: 100px;
  border: 2px solid;
  max-height: 80px;
  font-weight: 700;
  font-family: 'Vazirmatn';
}

@media(max-width:991px) {
    .tethericon {
      display:none;
    }
}

@media(max-width:991px) {
    .tethericon {
      display:none;
    }
}

@media(max-width:575px) {
    .paypalprices {
     zoom: .7;
    }

  .prices{
    display: flex;
    flex-direction: column-reverse;
  }
}

@keyframes blink {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes blink {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.ipg img {
  width: 110px;
}

.ipg input[type="radio"] {}

.ipgs {
  display: flex;
  direction: rtl;
  justify-content: center;
}

/* Create a custom radio button */
.checkmark {/* position: absolute; */top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;display: none;}


/* When the radio button is checked, add a blue background */
input:checked ~ .checkmark {
background-color: #42c4ff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}

.ipg.active {
    /* background-color: firebrick; */
    border: 1px solid #42c4ff !important;
    padding: 5px;
    border-radius: 10px;
    background-color: #f5fcff;
}

.ipgs .ipg {
    margin: 1px 5px;
    padding: 5px;
    border: 1px solid white;
    border-radius: 10px;
    cursor: pointer;
}

p.ipginfo {
    text-align: center;
    font-size: 14px;
    color: #9E9E9E;
}

.ipgs .ipg.disable {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none;
}

.creditHolder .row {
  display: flex;
  justify-content: center;
}

.addCreditHolder {
  display: flex;
  direction: rtl;
  font-size: 17px;
  justify-content: center;
  flex-wrap: wrap;
}

.addCreditHolder {
  border: 1px solid #97d450;
  padding: 20px 0px;
  /* background-color: #f9fff2; */
  max-width: 1000px;
  margin: auto;
  border-radius: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.addCreditHolder.blue {
  border: 1px solid #42c4ff;
}

.addCredit,.reduceCredit {
  padding: 10px;
  margin: 5px;
  color: white;
  font-size: 30px;
  line-height: 20px;
  border-radius: 10px;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
}

.addCredit {
  background-color: #97d450;
  transition: .4s ease-in-out all;
}

.reduceCredit {
   background-color: #97d450;
   transition: .4s ease-in-out all;
}

.reduceCredit:hover {
   background-color: #a3e458;
   transition: .4s ease-in-out all;
}

.blue .addCredit {
  background-color: #42c4ff;
  transition: .4s ease-in-out all;
}

.blue .reduceCredit {
   background-color: #42c4ff;
   transition: .4s ease-in-out all;
}

.blue .reduceCredit:hover {
   background-color: #03A9F4;
   transition: .4s ease-in-out all;
}

.credit {
  font-family: 'vazirfd';
  font-size: 25px;
  padding: 10px 5px;
  line-height: 30px;
  width: 80px;
  border: none;
   transition: .4s ease-in-out all;
  border-bottom: 2px solid #97d450;
  text-align: center;
  outline: none;
  
}

.blue .credit {
  border-bottom: 2px solid #03A9F4;
}
.credit:focus {

   border-bottom: 2px solid #abe963;
    background-color:#f7ffee;
   transition: .4s ease-in-out all;
}

.blue .credit:focus {

   border-bottom: 2px solid #03A9F4;
    background-color:#e7f8ff;

}

.price span, .realPrice span {
  font-family: 'fd';
  /* font-size: 24px; */
}

.price,.realPrice  {
  font-family: 'vazirfd';
  font-variant-numeric: arabic-indic;
   /* Target only 0-9 digits */
}

.addCreditHolder .realPrice {
  text-decoration: line-through;
  color: #d5d5d5;
}

a#buyCredit {
  background-color: #97d450 !important;!i;!;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  transition: .4s ease-in-out all;
}

.blue a#buyCredit {
  background-color: #42c4ff !important;!i;!;
}

.creditDesc {
  margin: 0px 10px;
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: center; */
  /* margin-top: -20px; */
}

.creditHolder {
  margin: 0px 10px 0px 10px;
}

.blue a#buyCredit:hover {
    background-color: #03A9F4 !important;
    transition: .4s ease-in-out all;
}

.blue .addCredit:hover {
    background-color: #03A9F4;
}

a#buyCredit:hover {
    background-color: #a4e755 !important;
    transition: .4s ease-in-out all;
}

.addCredit:hover {
    background-color: #a7e95a;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.paymentPage .services {
  display: flex;
  direction: rtl;
  justify-content: center;
  flex-wrap: nowrap;
}
.paymentPage .service {
  padding: 5px;
  height: 100px;
  width: 120px;
  text-align: center;
  border-radius: 10px;
  margin: 5px;
  transform: scale(0.9);
  transition: transform .25s cubic-bezier(.42,0,.61,1.86);
}

.paymentPage .service:hover{
  
transform: scale(1.05);
  animation-play-state: paused;
  
}
.paymentPage .service img {
  width: 50px;
  margin-bottom: 5px;
}

.service.item-0 {
  /* background-color: #fffcf6; */
}


.service.item-1 {
   /* background-color: #f2fbff; */
}

.service.item-2 {
   /* background-color: #fff4f6; */
}

.service.item-3 {
   /* background-color: #f9fff5; */
}

.service.item-0::before {
 
  color:#ffb32e;
}


.service.item-1::before {
 color:#42c4ff;
}

.service.item-2::before {
 color:#fd593f;
}

.service.item-3::before {
 color:#95fa58;
}

.service a {
  color: black;
  font-weight: 500;
  font-size: 1.1em;
}

.paymentPage .service a:hover {
text-decoration:none;
}

.paymentPage .service::before {
  content: ".";
  position: absolute;
  margin-right: 37px;
  margin-top: -35px;
  font-size: 3.5em;
}

.service.white img {
  display: block;
  margin: auto;
}

.paymentPage .service.white::before {

  content:"";
}

.paymentPage .service.white {
  width: 110px;
  margin: 5px;
  padding: 0px;
  font-size: 14px;
  font-weight: 900;
  font-family: 'Vazir';
  cursor: pointer;
  !i;!;
  padding-top: 5px;
}

.services.white a {
  border-bottom: none !important;
}

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

  .services {
  display: flex;
  direction: rtl;
  justify-content: center;
  flex-wrap: wrap;
}
  
}
.servicesTitle {
  text-align: center;
  font-family: 'kalamehblack';
  font-size: 2em;
  margin-bottom: 12px;
  direction: ltr !important;
}
.colorfulballs .ball {
  width: 10px;
  height: 10px;
  transform: scale(0.9);
  transition: transform .25s cubic-bezier(.42,0,.61,1.86);
  margin: 1px;
  border-radius: 50%;
}
.colorfulballs .ball:hover {
  
  transform: scale(1.05);
  animation-play-state: paused;
}
.colorfulballs .ball.b1 {
  background-color: #ffb32e;
  animation: ballblink 2s ease infinite;
  animation-delay: 1s;
}
.colorfulballs .ball.b2 {
  background-color: #42c4ff;
  animation: ballblink 2s ease-in-out infinite;
  animation-delay: 3s;
}
.colorfulballs .ball.b3 {
  background-color: #fd593f;
  animation: ballblink 2s ease-out infinite;
  animation-delay: 4s;
}
.colorfulballs .ball.b4 {
  background-color: #95fa58;
  animation: ballblink 2s ease infinite;
  animation-delay: 5s;
}
.colorfulballs {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  direction: rtl;
}

.tips .tip {
  font-family: 'Vazir';
  font-size: 16px;
  font-weight: 700;
  width: auto;
  max-width: 400px;
  margin: auto;
  line-height: 35px;
transform: scale(1);
}

.paymentPage .service.white a {
  border-bottom: none !important;
  color: #000000 !important;
}

.tips .tip {
 display: none;
}

.tips .tip.active { display: block;
}

.tips {
 display: flex;
 justify-content: space-around;
 cursor: pointer;
 height: 120px;
}

.paymentPage .service:hover, .paymentPage .service.active{
  
transform: scale(1.2) !important;

  
}

.popout {
  animation: popout 1s ease;
  -webkit-animation: popout 1s cubic-bezier(.42,0,.61,1.86)
}

@keyframes popout {
  from {
      transform: scale(.5)
  }

  80% {
      transform: scale(1.001)
  }

  to {
      transform: scale(1)
  }
}

.imageHoler {
  width: 150px;
  height: 100;
  margin: auto;
  margin-bottom: 59px;
  margin-top: 100px;
}

p.brandName {
font-size: 2.8em;
/* color: #282828; */
line-height: 1em;
margin-bottom: -10px;
font-family: 'kalamehblack';
}

.imageHoler img {
/* width: 133px; */
/* margin-top: 150px; */
/* image-rendering: pixelated; */
/* position: relative; */
z-index: 2;
border-radius: 80px;
border: 4px solid;
-webkit-user-drag: none;
border-color: #ffffff;
}

h2.u-custom-font.u-font-montserrat.u-text.u-text-1 {margin-top: 120px;}

.moreInfo{
background-color:unset;
}

@media (max-width: 575px) {
.u-section-1 .u-text-1 {
  font-size: 2.2rem;
  width: 340px;
}
}

.brandName a {
  color: black;
}

.servicesMenu .white a {
  color: white !important;
}

.paymentPage .service.white.active {
    background-color: #f0faff;
}

.specialPlan {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  background-color: #e8f8ff;
  min-height: 180px;
  border-radius: 20px;
  /* box-shadow: -2px 5px #86daff57; */
  margin-top: 15px;
  padding: 20px 5px;
}

.specialPlan {
  display: flex;
  align-items: center;
  justify-content: center;
}

.specialPlan img {
  max-width: 120px;
  height: 120px;
  -webkit-user-drag: none;
  margin: 10px;
}

.specialPlan h3 {
  font-size: 40px;
  margin-bottom: 5px;
  /* color: #22b5f7; */
  /* line-height: 50px; */
  /* margin-top: 20px; */
  /* text-shadow: -2px 1px 0px #060606d4; */
  text-align: center;
}

.specialPlan p {
  margin-top: 1px;
  margin-bottom: 5px;
}

.specialPlan a {
  background-color: #141313;
  padding: 5px 10px;
  color: white;
  border-radius: 10px;
  display: block;
  margin: auto;
  text-align: center;
  width: fit-content;
}

.specialPlan.skin2 {
  background-color: white;
  border: 1px solid #42c4ff;
}

.specialPlan.skin2 a,.specialPlan.skin2 a:hover {
  background-color: #42c4ff;
  color: white;
  font-size: 18px;
  line-height: 35px;
}


.modal .alert {
  margin-bottom: 20px;
}


section#sec-1ffe {
    margin-top: 20px;
    background-color: #eef9ff;
}

blockquote.u-text.u-text-3 {
  background-color: #f7fdff;
  border-radius: 20px;
  border: unset;
}

.creditDesc .price {
    font-size: 20px;
    background-color: #f4ffe8;
    color: #7fc72c;
    padding: 2px;
    border-radius: 10px;
    font-family: 'vazirfd';
}

.blue .creditDesc .price {
    background-color: #e7f8ff;
    color: #03A9F4;
}

.creditDesc p {
    margin-bottom: 5px;
}


.addCreditHolder img {
    width: 100px;
    height: 100px;
}

.price span.dp {
  position: absolute;
  background-color: #4ad74d;
  padding: 2px 5px;
  border-radius: 10px;
  font-size: 13px;
  color: white;
  font-family: 'vazirfd';
  margin-top: -10px;
  margin-right: -30px;
}

.blue  .price span.dp {

      background-color: #42c4ff;
}

.removeDiscount {
    display: inline;
    margin: 5px;
    background-color: #a6e3ff;
    padding: 2px;
    color: #03A9F4;
    border-radius: 10px;
    cursor: pointer;
    padding-right: 5px;
}

.removeDiscount span:last-child {
    margin: 5px;
    font-weight: 900;
    border-right: 1px solid #49b3e3;
    padding-right: 5px;
}