.os-container { width: 100%; margin: 10px auto; position: relative; height: auto }
.os-row.display-flex { display: flex; flex-wrap: wrap; text-align: center; align-items: center }
.os-row.display-flex > [class*='col-'] { display: flex; flex-direction: column }
.os-row { border-top: solid 1px #f2eee8 }
.os-row:hover { background: #f4f9fd }
#sis-outer { border: solid 1px #ffa602 }
.plan-img { width: auto }
.img-link { display: none; font-size: 20px; color: blue; font-family: sanos-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 50px; cursor: pointer }
.os-row-1-1,
.os-row-1-6 { margin: 10px auto }
@media (min-width:992px) {
  .os-row-1-1,
  .os-row-1-6 { float: left }
  .os-row-1-1 { width: auto; float: initial; }
  .os-row-1-6 { width: 60% }
}
@media (max-width:992px) {
  .os-row { padding-left: 10px; padding-right: 10px }
  .os-row-1-1,
  .os-row-1-6 { float: left; width: 100% }
}
.order-button { background-color: #002496; border: none; color: #fff; padding: 4px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; margin: 4px 2px; transition-duration: .4s; cursor: pointer }
.order-button:hover { background-color: #ed2839; color: #fff; text-decoration: none }
.p-detail { background: #ffa602; font-weight: bold; color: #fff }
.usd { display: none }
.switch { position: relative; display: block; vertical-align: top; width: 100px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; box-sizing: content-box }
.switch-input { position: absolute; top: 0; left: 0; opacity: 0; box-sizing: content-box }
.switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); box-sizing: content-box }
.switch-label:before,
.switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; box-sizing: content-box }
.switch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5) }
.switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0 }
.switch-input:checked ~ .switch-label { background: #E1B42B; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2) }
.switch-input:checked ~ .switch-label:before { opacity: 0 }
.switch-input:checked ~ .switch-label:after { opacity: 1 }
.switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) }
.switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02) }
.switch-input:checked ~ .switch-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2) }
.switch-label,
.switch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease }
.switch-left-right .switch-label { overflow: hidden }
.switch-left-right .switch-label:before,
.switch-left-right .switch-label:after { width: 20px; height: 20px; top: 4px; left: 0; right: 0; bottom: 0; padding: 11px 0 0 0; text-indent: -12px; border-radius: 20px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1) }
.switch-left-right .switch-label:before { background: #eceeef; text-align: left; padding-left: 80px }
.switch-left-right .switch-label:after { text-align: left; text-indent: 9px; background: #FF7F50; left: -100px; opacity: 1; width: 100% }
.switch-left-right .switch-input:checked ~ .switch-label:before { opacity: 1; left: 100px }
.switch-left-right .switch-input:checked ~ .switch-label:after { left: 0 }
.switch-left-right .switch-input:checked ~ .switch-label { background: inherit }
.switcher .selected { margin-top: 7px }
.switcher { margin: auto }
.curconevrt { margin: 0px; width: 205px; height: 40px; background: #fff; border-radius: 26px; overflow: hidden; position: relative; transition: all 0.3s ease; display: inline-block; box-shadow: 0px 6px 10px rgba(31, 53, 70, 0.04), 0px 0px 3px rgba(31, 53, 70, 0.06), 0px 0px 2px rgba(0, 0, 0, 0.1); cursor: pointer; padding: 0 5px 0 0; }
.curconevrt input[type="radio"] { display: none; }
.curconevrt label { display: inline-block; background-color: #fff; padding: 8px 14px; font-family: Arial; font-size: 17px; cursor: pointer; border-radius: 26px; height: 32px; margin-top: 4px; line-height: normal; }
.curconevrt input[type="radio"]:checked+label { background-color: #643197; color: #fff; box-shadow: 0px 0px 4px -2px #111; transition: all 0.3s ease; }
.osp-other { display: flex; justify-content: space-around; text-align: center; flex-wrap: wrap; margin: auto -10px; padding: 10px 0; }
.osp-other-in { position: relative; flex-grow: 1; flex-basis: calc(100% / 4 - 20px); align-content: flex-start; background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); overflow: hidden; margin: 10px; }
.osp-other-in img { width: 85px; display: inline-block; margin: auto; }
.osp-other-in ul { padding: 0; margin: 0; }
.osp-other-in li { border-bottom: solid 1px #fff0f0; list-style: none; padding: 0 0 0 30px; position: relative; text-align: left; }
.osp-other-in li:last-child { border: none }
.osp-other-in li::before { position: absolute; content: "\f12a"; font-family: dashicons; line-height: 1; font-weight: 400; font-style: normal; text-transform: none; text-rendering: auto; font-size: 20px; text-align: center; left: 0; top: 0; }
.osp-other-in .osp-price { text-align: left; display: inline-block; font-size: 24px; font-weight: 800; width: 50%; color: #282828; }
.osp-other-in .buy-now { width: 100%; background-image: linear-gradient(to right, #434343 0%, black 100%); border: none; color: #fff; padding: 10px; line-height: 20px; }
.osp-other-in a { text-align: left; display: inline-block; width: 50%; }
.osp-other-in h3 { padding: 0; margin: 0; color: #fff; text-align: left; font-size: 17px; display: inline; line-height: 22px;}
.osp-other-in .img { }
.osp-other-in em { font-size: 12px; font-weight: 400; }
.osp-other-in img { width: 70px; display: inline-block; margin: auto; padding: 5px; max-width: initial;}
.osp-other-in .oth-head { background-image: linear-gradient(to right, #434343 0%, black 100%); padding: 10px; display: flex; gap: 10px; align-items: center; }
.osp-other-in .oth-footer { position: absolute; bottom: 0; width: 100%; background: #f2f2f2; display: flex; padding: 10px 10px; gap: 10px; align-items: center; }
.osp-other-in .oth-body { padding: 10px; padding-bottom: 65px; }
.osp-other-in .oth-head a { text-align: center; width: 100%; }
.osp-other-in .icon { width: 70px; height: 70px; background: #fff; display: block;}
@media (max-width:768px) {
  .osp-other-in { flex-basis: 100%; }
}

/* plan table vertical */
.osp-other-in .buy-now {
  background-image: linear-gradient(to right, #f89a04  0%, #cd4604 100%);
}
.osp-other-in li::before {
  color: #6aaf4b;
  top: 5px;
}
.osp-other-in .oth-head {
  background: #fff !important;
  border-bottom: solid 1px #f2f2f2;
}
.osp-other-in .oth-footer {
  background: #fff;
  border-top: solid 1px #f2f2f2;
}
.osp-other-in .icon {
  border-radius: 50%;
  border: solid 2px #effde9;
}
.osp-other-in img {
  padding: 10px
}
.osp-other-in li {
  padding: 4px 0 4px 30px;
}
.osp-other-in .osp-price {
  color: #8c7a7a;
}
.osp-other-in h3 {
  color: #8c7a7a !important;
}
#osp-sheet img {
  width: 24px;
  display: inline;
}
.sis-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sis-col-6 {
  width: 50%;
}
@media (max-width: 768px) {
  .sis-col-6 {
    width: 100%;
  }
}