@import url("./main_font.css");

/*==================body=================*/
body {
  direction: rtl;
  background: var(--bg);
  font-family: "IRANYekanRegular";
}
a.topAdsBx {
  display: block;
  width: 100%;
  height: 53px;
}
a.topAdsBx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
a.topAdsBx img.desktop {
  display: block;
}
a.topAdsBx img.mobile {
  display: none;
}
a.topAdsBx .removeAds {
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 22px;
  color: var(--white);
}
.btnHover {
  overflow: hidden;
}
.btnCvr {
  width: 0;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  right: 0;
  top: 0;
}
.btnCntnt {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btnHover:hover .btnCvr {
  width: 100%;
}
.sectionHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sectionHed h2,
.sectionHed h3,
.sectionHed strong {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 20px;
}
.sectionHed a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--typo-600);
}
.sectionHed a p {
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.sectionHed a span {
  font-size: 16px;
}
.sectionHed a:hover {
  color: var(--green-600);
}
.sectionHed a:hover span {
  transform: translateX(-3px);
}
.sectionHed .secHedLeft {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px;
}
.freeCoursSec .freeMnuRadio .form-check,
.sectionHed .secHedLeft .form-check {
  width: max-content;
  height: 30px;
  margin: 0;
  padding: 0;
  display: block;
}
.freeCoursSec .freeMnuRadio input,
.freeCoursSec .freeMnuRadio label,
.sectionHed .secHedLeft input,
.sectionHed .secHedLeft label {
  left: 0;
  top: 0;
  height: 100%;
}
.freeCoursSec .freeMnuRadio input,
.sectionHed .secHedLeft input {
  margin: 0;
  padding: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
}
.freeCoursSec .freeMnuRadio label,
.sectionHed .secHedLeft label {
  width: max-content;
  border-bottom: 2px solid transparent;
  color: var(--typo-500);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.sectionHed .secHedLeft input:checked ~ label {
  color: var(--green-500);
  border-color: var(--green-500);
}
.sectionHed .secHedLeft li {
  width: max-content;
  height: 30px;
}
.sectionHed .secHedLeft li a {
  width: max-content;
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--typo-500);
  font-family: "IRANYekanBold";
  font-size: 14px;
  display: block;
}
.sectionHed .secHedLeft li a:hover {
  color: var(--green-500);
}
.sectionHed .secHedLeft li a.active {
  color: var(--green-500);
  border-color: var(--green-500);
}

.item_Num_box {
  width: 91px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--white-500);
  border-radius: 12px;
}
.item_Num_box span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 100%;
  cursor: pointer;
  position: relative;
  padding: 0 12px;
}
.item_Num_box span:before,
.item_Num_box span:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background-color: var(--black);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 1;
}
.item_Num_box span.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.item_Num_box span.minus {
  display: none;
}
.item_Num_box span:hover:before,
.item_Num_box span:hover:after {
  background: var(--green-500);
}
.item_Num_box input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width: 33px;
  height: 100%;
  border: none;
  font-size: 14px;
  text-align: center;
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.item_Num_box button {
  border: none;
  background: transparent;
  color: #fe4a2b;
  width: 35px;
  font-size: 15px;
  padding: 0 6px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item_Num_box button:hover {
  color: var(--green-500);
}

.pagination {
  width: 100%;
  margin: 40px auto 30px auto;
}
.pagination ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.pagination ul li:first-child {
  margin-left: 10px;
}
.pagination ul li:last-child {
  margin-right: 10px;
}
.pagination li a {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--white);
  color: var(--typo-700);
}
.pagination ul li:first-child a,
.pagination ul li:last-child a {
  color: var(--typo-300);
}
.pagination li a i {
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
  line-height: 1;
}
.pagination li a span {
  font-size: 20px;
}
.pagination li a.active,
.pagination li a:hover,
.pagination ul li:first-child a:hover,
.pagination ul li:last-child a:hover {
  background: var(--green-500);
  color: var(--white);
}

.starRate {
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
}
.starRate .star {
  position: relative;
  line-height: 1;
}
.starRate .star span {
  font-size: 15px;
}
.starRate .icon-star-3:before {
  color: var(--silver-200);
}
.starRate .star:before {
  font-family: "icomoon" !important;
  content: "\e934";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--silver-200);
  font-size: 15px;
}
.starRate .star.half:before {
  width: 50%;
  overflow: hidden;
  color: var(--yellow);
}
.starRate .star.full:before {
  width: 100%;
  color: var(--yellow);
}

.loadingPg {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 18;
  padding: 20px;
}
.loadingPg .loadingBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 360px;
  padding: 33px 0px 45px 0px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.loadingPg .loadingBox .logo {
  width: 95px;
  height: auto;
}
.loadingPg .loadingBox .loadindImg {
  width: 48px;
  height: 48px;

  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.breadcrumb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 5px;
  overflow: auto;
  padding-bottom: 5px;
  margin: 0 0 20px 0;
  width: 100%;
  height: 32px;
}
.breadcrumb::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.breadcrumb a,
.breadcrumb span {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  display: block;
  min-width: max-content;
}
.breadcrumb a:hover {
  color: var(--green-500);
}

/*==================header=================*/
header {
  background: var(--white);
  border-bottom: 1px solid var(--white-300);
}
.headerSec {
  background: var(--white);
}
.headerSec.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.04);
}
.headerBox {
  padding: 20px 0;
}
.headerBox .headrTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headrTop .headrSrch,
.headrMnuBx .minMnuSrch {
  align-items: center;
  justify-content: space-between;
  width: 308px;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
}
.headrTop .headrSrch {
  display: flex;
  height: 52px;
}
.freeCoursSec .freeMnuSrch:has(input:focus),
.headrTop .headrSrch:has(input:focus),
.headrMnuBx .minMnuSrch:has(input:focus) {
  border-color: var(--green-600);
}
.freeCoursSec .freeMnuSrch input,
.headrTop .headrSrch input,
.headrMnuBx .minMnuSrch input {
  border-radius: 0 16px 16px 0;
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  background: transparent;
  border: none;
}
.freeCoursSec .freeMnuSrch button,
.headrTop .headrSrch button,
.headrMnuBx .minMnuSrch button {
  border-radius: 16px 0 0 16px;
  color: var(--typo-300);
  font-size: 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.freeCoursSec .freeMnuSrch button:hover,
.headrTop .headrSrch button:hover,
.headrMnuBx .minMnuSrch button:hover {
  color: var(--green-600);
}
.headrTop .headrLogo {
  width: 118px;
  height: auto;
}
.headrTop .headrLogo img {
  width: 100%;
  height: auto;
}
.headrTop .headrLft {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 308px;
}
.headrTop .headrLft .hdrMiniCart {
  display: block;
}
.headrTop .hdrMiniCart .miniCartSub {
  display: none;
  top: 48px;
  left: 0;
  z-index: 4;
  width: 420px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: -2px -6px 15px 0px rgba(93, 95, 109, 0.06),
    1px 0px 4px 0px rgba(93, 95, 109, 0.06),
    2px 4px 15px 0px rgba(93, 95, 109, 0.05);
}
.headrTop .hdrMiniCart .miniCrtCntnt {
  width: 100%;
  padding: 12px 12px 0 12px;
}
.headrTop .hdrMiniCart .miniCrtHed {
  width: 100%;
  height: 46px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  background: var(--white-200);
}
.headrTop .hdrMiniCart .miniCrtHed p {
  color: var(--typo-800);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.headrTop .hdrMiniCart .miniCrtHed a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--green-500);
}
.headrTop .hdrMiniCart .miniCrtHed a i {
  font-family: "IRANYekanMedium";
  font-size: 11px;
}
.headrTop .hdrMiniCart .miniCrtHed a span {
  font-size: 16px;
}
.headrTop .hdrMiniCart .miniCrtHed a:hover span {
  transform: translateX(-3px);
}
.headrTop .hdrMiniCart .miniCrtBdy {
  max-height: 280px;
  overflow: auto;
  padding: 1px 6px 10px 6px;
  margin: 20px 0 0 0;
}
.headrTop .hdrMiniCart .miniCrtBdy::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.headrTop .hdrMiniCart .miniCrtBdy li {
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--white-400);
}
.headrTop .hdrMiniCart .miniCrtBdy li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.headrTop .hdrMiniCart .miniCrtItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headrTop .hdrMiniCart .miniCrtImg {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.headrTop .hdrMiniCart .miniCrtImg img {
  width: 101px;
  height: 61px;
  border-radius: 12px;
  object-fit: cover;
}
.headrTop .hdrMiniCart .miniCrtImg h3 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  line-height: 180%;
  max-width: 148px;
  max-height: 44px;
  overflow: hidden;
}
.headrTop .hdrMiniCart .miniCrtPric {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}
.headrTop .hdrMiniCart .miniCrtPric p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.headrTop .hdrMiniCart .miniCrtPric span {
  font-size: 16px;
  color: var(--typo-300);
}
.headrTop .hdrMiniCart .miniCrtPay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
  padding: 12px 18px;
  box-shadow: -1px -2px 4px 0px rgba(93, 95, 109, 0.01),
    -2px -6px 15px 0px rgba(93, 95, 109, 0.06);
  border-radius: 0 0 14px 14px;
}
.headrTop .hdrMiniCart .miniCrtPay a {
  width: 169px;
  height: 50px;
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 14px;
  border-radius: 18px;
  background: var(--green-500);
  overflow: hidden;
}
.headrTop .hdrMiniCart .miniCrtPay a .btnCvr {
  border-radius: 18px;
}
.headrTop .hdrMiniCart .miniCrtPay .miniCrtRght p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 3px;
}
.headrTop .hdrMiniCart .miniCrtPay .miniCrtRght div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.headrTop .hdrMiniCart .miniCrtPay .miniCrtRght strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.headrTop .hdrMiniCart .miniCrtPay .miniCrtRght span {
  color: var(--typo-300);
  font-size: 20px;
}
.headrTop .hdrMiniCart .miniCartLnk,
.headrTop .headrLft .hdrCartLnk {
  width: 30px;
  height: 30px;
  padding-top: 2px;
  cursor: pointer;
}
.headrTop .headrLft .hdrCartLnk {
  display: none;
}
.headrTop .hdrMiniCart .miniCartLnk i,
.headrTop .headrLft .hdrCartLnk i {
  width: 22px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid var(--white);
  background: var(--green-500);
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 12px;
}
.headrTop .hdrMiniCart .miniCartLnk i {
  right: -8px;
  top: -17px;
}
.headrTop .headrLft .hdrCartLnk i {
  right: -7px;
  top: -12px;
}
.headrTop .hdrMiniCart .miniCartLnk span,
.headrTop .headrLft .hdrCartLnk span {
  color: var(--typo-500);
  font-size: 30px;
}
.headrTop .headrLft .hdrInvntry{
  height: 46px;
  display: flex;
padding: 0 16px;
justify-content: flex-end;
align-items: center;
gap: 8px;
  border-radius: 500px;
border: 1px solid var(--white-500);
background: var(--typo-100);
}
.headrTop .hdrInvntry span{
  font-size: 22px;
  color: var(--typo-400);}
.headrTop .hdrInvntry div{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  font-family: "IRANYekanMedium";
}
.headrTop .hdrInvntry p{
  color: var(--typo-900);
font-size: 14px;
}
.headrTop .hdrInvntry i{
  color: var(--typo-500);
font-size: 11px;
}
.headrTop .headrLft hr {
  opacity: 1;
  border: none;
  border-right: 1.5px solid var(--white-500);
  height: 24px;
  margin: 0 10px;
}
.headrTop .headrLft .hdrLogLnk {
  display: block;
  height: 50px;
  border-radius: 18px;
  background: var(--green-500);
  overflow: hidden;
}
.headrTop .headrLft .hdrLogLnk .btnCntnt {
  padding: 14px 28px;
  color: var(--white);
}
.headrTop .headrLft .hdrLogLnk .btnCvr {
  border-radius: 18px;
}
.headrTop .headrLft .hdrLogLnk span {
  font-size: 20px;
}
.headrTop .headrLft .hdrLogLnk i {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.headrTop .hdrAccMnu .hdrAccImg {
  display: block;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 1px solid var(--white-500);
  cursor: pointer;
}
.headrTop .hdrAccMnu .hdrAccImg img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.headrTop .hdrAccMnu .hdrAccSub {
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05),
    0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: 260px;
  padding: 12px;
  top: 52px;
  left: 0;
  z-index: 5;
  display: none;
}
.headrTop .hdrAccMnu .hdrAccSub a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: 50px;
  padding: 0px 12px;
  border-radius: 8px;
}
.headrTop .hdrAccMnu .hdrAccSub span {
  font-size: 22px;
  color: var(--green-500);
}
.headrTop .hdrAccMnu .hdrAccSub p {
  color: var(--typo-500);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.headrTop .hdrAccMnu .hdrAccSub p i {
  font-size: 11px;
}
.headrTop .hdrAccMnu .hdrAccSub .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 23px);
}
.headrTop .hdrAccMnu .hdrAccSub .left div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.headrTop .hdrAccMnu .hdrAccSub .left div strong {
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.headrTop .hdrAccMnu .hdrAccSub .left div i {
  color: var(--typo-500);
  font-size: 18px;
}
.headrTop .hdrAccMnu .hdrAccSub a:last-child span,
.headrTop .hdrAccMnu .hdrAccSub a:last-child p {
  color: #f9542c;
}

.headrTop .hdrAccMnu .hdrAccSub a.walletLink {
  justify-content: space-between;
}
.headrTop .hdrAccMnu .hdrAccSub .walletLink .linkName {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.headrTop .hdrAccMnu .hdrAccSub .walletLink .inventory {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.headrTop .hdrAccMnu .hdrAccSub .walletLink .inventory strong {
  color: var(--typo-900);
  font-size: 14px;
  font-family: "IRANYekanMedium";
  font-weight: 500;
  line-height: 1;
}
.headrTop .hdrAccMnu .hdrAccSub .walletLink .inventory i {
  color: var(--typo-500);
  font-size: 11px;
  font-family: "IRANYekanMedium";
  line-height: 1;
}
.headrTop .hdrAccMnu .hdrAccSub a:hover {
  background: var(--green-50);
}
.headrTop .hdrAccMnu .hdrAccSub a:hover p {
  color: var(--typo-900);
}
.headrTop .headrLft .hdrAccLnk {
  display: none;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 1px solid var(--white-500);
}
.headrTop .headrLft .hdrAccLnk img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.headerBox .opnSideMnu {
  font-size: 30px;
  color: var(--typo-800);
  display: none;
  cursor: pointer;
}
header .headerBtm {
  padding: 10px 0 20px 0;
}
.headrMnuBx .minMnuTop {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
}
.headrMnuBx .minMnuTop .minMnuLogo {
  width: 105px;
  height: auto;
  display: block;
}
.headrMnuBx .minMnuTop .minMnuLogo img {
  width: 100%;
  height: auto;
}
.headrMnuBx .cloSideMnu {
  font-size: 32px;
  color: var(--typo-500);
  display: block;
  cursor: pointer;
}
.headrMnuBx .minMnuSrch {
  width: 100%;
  height: 42px;
  display: none;
  margin: 30px 0 25px 0;
}
.headrMnuBx .headrMnu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  height: 25px;
}
.headrMnuBx .headrMnu hr {
  opacity: 1;
  border: none;
  border-right: 1.5px solid var(--white-500);
  height: 24px;
}
.headrMnuBx .headrMnu .hdrMnuLnk {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--typo-500);
}
.headrMnuBx .headrMnu .hdrMnuLnk span {
  font-size: 24px;
}
.headrMnuBx .headrMnu .hdrMnuLnk i {
  font-size: 14px;
  font-family: "IRANYekanMedium";
}
.headrMnuBx .headrMnu .hdrMnuLnk:hover {
  color: var(--green-600);
}
.headrMnuBx .headrMnu .hdrHavSub .hdrMnuLnk {
  display: none;
}
.headrMnuBx .headrMnu .hdrMnuHed {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: var(--typo-500);
}
.headrMnuBx .headrMnu .hdrMnuHed a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: var(--typo-500);
}
.headrMnuBx .headrMnu .hdrMnuHed span {
  font-size: 24px;
}
.headrMnuBx .headrMnu .hdrMnuHed p {
  font-size: 14px;
  font-family: "IRANYekanMedium";
}
.headrMnuBx .headrMnu .hdrMnuHed i {
  font-size: 14px;
}
.headrMnuBx .headrMnu .hdrMnuHed:hover a,
.headrMnuBx .headrMnu .hdrMnuHed:hover {
  color: var(--green-600);
}
header .hdrMegaSub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 100vw;
  border-radius: 0px 0px 18px 18px;
  background: var(--white);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05),
    0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding-top: 40px;
}
header .hdrMegaSub .hdrMegaRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 20px;
}
header .hdrMegaSub .hdrMegaCol {
  text-align: right;
}
header .hdrMegaSub .hdrMegaCol strong {
  color: var(--green-500);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  line-height: 1;
  margin-bottom: 24px;
  display: block;
}
header .hdrMegaSub .hdrMegaCol a {
  display: block;
  margin-bottom: 20px;
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
header .hdrMegaSub .hdrMegaCol a:hover {
  color: var(--green-600);
}
header .hdrMegaSub .hdrMegaLnk {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  border-radius: 18px;
  border-top: 1px solid var(--white-400);
}
header .hdrMegaSub .hdrMegaLnk a {
  display: block;
  width: 190px;
  height: 60px;
  border-radius: 16px;
  background: var(--green-500);
  overflow: hidden;
}
header .hdrMegaSub .hdrMegaLnk a .btnCntnt {
  color: var(--white);
}
header .hdrMegaSub .hdrMegaLnk a .btnCvr {
  border-radius: 16px;
}
header .hdrMegaSub .hdrMegaLnk i {
  font-family: "IRANYekanMedium";
  font-size: 14px;
  padding-bottom: 2px;
}
header .hdrMegaSub .hdrMegaLnk span {
  font-size: 24px;
}
.headrMnuBx .headrMnu .hdrSubBox {
  display: none;
  padding: 9px 12px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05),
    0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 44px;
  width: 290px;
  z-index: 3;
}
.headrMnuBx .headrMnu .hdrSubBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  margin: 0;
  color: var(--typo-500);
  border-radius: 8px;
}
.headrMnuBx .headrMnu .hdrSubBox a:first-child {
  border-bottom: 1px solid var(--white-400);
}
.headrMnuBx .headrMnu .hdrSubBox a p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.headrMnuBx .headrMnu .hdrSubBox a:first-child p {
  color: var(--green-500);
  font-family: "IRANYekanBold";
}
.headrMnuBx .headrMnu .hdrSubBox a i {
  font-size: 12.5px;
  color: var(--typo-500);
}
.headrMnuBx .headrMnu .hdrSubBox a span {
  font-size: 16px;
}
.headrMnuBx .headrMnu .hdrSubBox a:hover {
  color: var(--typo-900);
  background: var(--green-50);
}

/*==================top-slider=================*/
.topSlidrSec {
  margin: 30px 0 60px 0;
}
.topSlidrSec .topSlidrBx {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.topSlidrSec .swiper {
  height: 400px;
}
.topSlidrSec .swiper-slide {
  height: 100%;
}
.topSlidrSec .topSldrRght {
  width: 72%;
  padding-left: 20px;
}
.topSlidrSec .topSldrRght .swiper-slide {
  width: 100%;
}
.topSlidrSec .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.topSlidrSec .swiper-pagination,
.topSlidrSec .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -32px;
  z-index: 2;
}
.topSlidrSec .swiper-pagination-bullet {
  width: 7.5px;
  height: 7.5px;
  border-radius: 4px;
  background: var(--typo-200);
  opacity: 1;
}
.topSlidrSec .swiper-pagination-bullet-active {
  width: 20.5px;
  background: var(--green-500);
}
.topSlidrSec .topSldrLeft {
  width: 28%;
}
.topSlidrSec .topSldrLeft .desctopImg {
  display: block;
}
.topSlidrSec .topSldrLeft .mobileImg {
  display: none;
}

/*==================last-course-sec=================*/
.lastCourSec {
  margin: 30px 0;
}
.lastCourSec .lastSwiper {
  margin-top: 20px;
}
.lastCourSec .swiper-slide {
  width: max-content;
  padding: 18px 0 18px 15px;
}
.courseCard {
  display: block;
  width: 310px;
  border-radius: 16px;
  padding: 10px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  position: relative;
}
.courseCard .discountTag {
  position: absolute;
  left: 15px;
  top: 15px;
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
  height: 31px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1.5px solid var(--white);
  z-index: 3;
  background: #ff2653;
}
.courseCard .lastCrdImg {
  width: 100%;
  height: 179px;
  border-radius: 16px;
  overflow: hidden;
}
.courseCard img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.courseCard:hover .lastCrdImg img {
  transform: scale(1.09);
}
.courseCard .lastCrdBdy {
  padding: 12px 6px 0 6px;
}
.courseCard .lastCrdTtl h2 {
  display: block;
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  line-height: 1.5;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.courseCard .lastCrdTtl p {
  color: var(--typo-400);
  text-align: right;
  font-size: 14px;
  height: 43px;
  overflow: hidden;
  margin-top: 10px;
}
.courseCard .lastCrdBdy ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
}
.courseCard .lastCrdBdy ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--typo-500);
}
.courseCard .lastCrdBdy li span {
  font-size: 16px;
}
.courseCard .lastCrdBdy li p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 11px;
}
.courseCard .lastCrdBdy .lastCrdFtr {
  border-top: 1px solid var(--typo-100);
  padding: 12px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.courseCard .lastCrdBdy .lastCrdFtr del {
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 15.5px;
  text-align: right;
  width: 50%;
}
.courseCard .lastCrdBdy .lastCrdFtr div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 50%;
}
.courseCard .lastCrdBdy .lastCrdFtr p {
  color: var(--green-500);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.courseCard .lastCrdBdy .lastCrdFtr span {
  font-size: 20px;
  color: var(--typo-300);
}
.courseCard .lastCrdFtr div.oldPricTag {
  justify-content: flex-start;
}
.courseCard .lastCrdFtr div.oldPricTag p {
  position: relative;
  width: max-content;
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 15.5px;
}
.courseCard .lastCrdFtr div.oldPricTag p:after {
  position: absolute;
  content: "";
  top: 11px;
  left: 50%;
  width: 52.533px;
  height: 1.5px;
  transform: translateX(-50%) rotate(173.325deg);
  z-index: 2;
  background: #ff2653;
  opacity: 0.5;
}
.lastSwiper .swiperBtns {
  width: 100%;
  opacity: 0;
  display: none;
  align-items: center;
  justify-content: space-between;
  bottom: 180px;
  left: 0;
  z-index: 2;
}
.lastSwiper .swiperBtns div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50px;
  border: 1px solid var(--white-400);
  background: var(--white-50);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  color: var(--typo-500);
  cursor: pointer;
  transition: all 0.4s;
  position: absolute;
  z-index: 3;
}
.lastSwiper .swiperBtns .swiper-button-disabled {
  opacity: 0.7;
}
.lastSwiper .swiperBtns span {
  font-size: 20px;
}
.lastSwiper .swiperBtns div:hover {
  background: var(--green-600);
  color: var(--white);
}
.lastSwiper .swiperBtns .next {
  left: -50px;
}
.lastSwiper .swiperBtns .prev {
  right: -50px;
}
.havSwprBtn:hover .swiperBtns {
  display: flex;
  opacity: 1;
}

/*==================tabBox=================*/
.tabBox .tabcontent {
  display: none;
}
.tabBox #tabOne {
  display: block;
}

/*==================free-course-sec=================*/
.freeCourSec {
  margin: 45px 0;
}
.freeCourSec .tabcontent {
  margin-top: 15px;
}
.freeCourSec .swiper-slide {
  width: max-content;
  padding: 18px 0 18px 15px;
}

/*==================last-article-slider=================*/
.lstArticlSec {
  margin: 45px 0;
}
.lstArticlSec .lastSwiper3 {
  margin-top: 15px;
}
.lstArticlSec .swiper-slide {
  width: max-content;
  padding: 18px 0 18px 15px;
}
.courseCard .lastCrdBdy .artclCrdCat {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 5px 0 8px 0;
}
.courseCard .artclCrdCat div {
  text-align: right;
  font-size: 12.5px;
}
.courseCard .artclCrdCat .date {
  color: var(--typo-400);
  font-family: "IRANYekanMedium";
}
.courseCard .artclCrdCat hr {
  opacity: 1;
  border: none;
  border-right: 1.5px solid var(--typo-200);
  height: 10px;
  margin: 0;
}
.courseCard .artclCrdCat .category {
  color: var(--green-500);
  font-family: "IRANYekanBold";
}
.courseCard .lastCrdBdy .readMoreLk {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--typo-500);
  text-align: right;
  margin: 20px 0 12px 0;
}
.courseCard .lastCrdBdy .readMoreLk i {
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  line-height: 1;
  padding-bottom: 2px;
}
.courseCard .lastCrdBdy .readMoreLk span {
  font-size: 16px;
}
.courseCard .lastCrdBdy .readMoreLk:hover {
  color: var(--green-500);
}

/*==================banner-row-sec=================*/
.bannerSec {
  margin: 20px 0 40px 0;
}
.bannerSec .bannerRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.bannerSec .bannerRow a {
  width: 50%;
  height: auto;
  display: block;
  border-radius: 30px;
}
.bannerSec .bannerRow a img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.bannerSec .bannerRow a:hover {
  transform: translateY(-2px);
}
.bannerSec .smallBnnrs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.bannerSec .smallBnnrs a {
  display: block;
  width: 25%;
  height: auto;
}
.bannerSec .smallBnnrs a img {
  width: 100%;
  height: auto;
}
.bannerSec .smallBnnrs a:hover {
  transform: translateY(-2px);
}

/*==================wide-banner-sec=================*/
.wideBnrSec {
  margin: 35px 0;
}
.wideBnrSec a {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.wideBnrSec a img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.wideBnrSec a:hover {
  transform: translateY(-2px);
}

/*==================new-podcasts-section=================*/
.newPodSec {
  margin: 25px 0;
}
.newPodSec .newPodSldr {
  margin-top: 30px;
}
.newPodSec .newPodSldr .swiper-slide {
  width: max-content;
}
.newPodSldr .newPodCrd {
  display: block;
  width: 244px;
  overflow: hidden;
}
.newPodCrd .newPodImg {
  width: 100%;
  height: 244px;
  border-radius: 16px;
  margin-bottom: 15px;
}
.newPodCrd .newPodImg .newPodImgCvr {
  width: 100%;
  height: 0;
  right: 0;
  top: 0;
  border-radius: 16px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  opacity: 0;
}
.newPodCrd .newPodImg .newPodImgCvr span {
  color: var(--white);
  font-size: 52px;
}
.newPodCrd .newPodImg img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 16px;
  z-index: 2;
}
.newPodCrd .newPodBdy {
  padding: 0 5px;
}
.newPodCrd .newPodBdy h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
  line-height: 1.6;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newPodSec .newPodSldr .newPodCrd:hover .newPodImgCvr {
  opacity: 1;
  height: 100%;
}

/*==================allCursSec=================*/
.allCursSec {
  margin: 35px 0;
}
.allCursHed {
  color: var(--typo-900);
  margin-bottom: 40px;
}
.allCursHed h1 {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 22.5px;
}
.allCursHed h1 span {
  color: var(--green-500);
}
.allCursSec .curseNameBx {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding: 20px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 30px;
}
.allCursSec .curseNameBx img {
  width: 66px;
  height: auto;
}
.allCursSec .curseNameBx div {
  text-align: right;
}
.allCursSec .curseNameBx h3 {
  display: block;
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 20px;
  margin-bottom: 10px;
}
.allCursSec .curseNameBx p {
  color: var(--typo-500);
  font-size: 14px;
  line-height: 1.5;
}
.curseLstBx {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 70px;
}
.curseLstBx .courseCard {
  width: 316px;
}

/*==================free-courses=================*/
.freeCoursSec {
  margin: 35px 0;
}
.freeCoursSec .freeSecRow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.freeCoursSec .freeCoursMnu {
  position: sticky;
  top: 0;
  right: 0;
  width: 310px;
  min-width: 310px;
  border-radius: 16px;
  background: var(--white);
  padding: 32px 20px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.freeCoursSec .freeCoursMnu .freeMnuSrch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 52px;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
}
.freeCoursSec .freeCoursMnu .freeMnuRadio {
  margin-top: 25px;
}
.freeCoursSec .freeMnuRadio .form-check {
  margin-bottom: 10px;
}
.freeCoursSec .freeMnuRadio .form-check:last-child {
  margin-bottom: 0;
}
.freeCoursSec .freeMnuRadio input:checked ~ label {
  color: var(--green-500);
}
.freeCoursSec .freeCoursLst {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
}

/*==================course-page=================*/
.coursPgSec {
  margin: 35px 0;
}
.coursPgSec .coursPgBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.coursPgSec .cursPgCntnt {
  width: calc(100% - 345px);
  margin-left: 25px;
}
.coursPgSec .cursPgCntnt .coursName {
  border-radius: 18px;
  background: var(--white);
  padding: 32px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.coursPgSec .cursPgCntnt .coursName h1 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 22.5px;
  margin-bottom: 24px;
}
.coursPgSec .cursPgCntnt .coursName img {
  width: 100%;
  height: auto;
  break-before: 15px;
}
.coursPgSec .cursPgSide {
  position: sticky;
  left: 0;
  top: 93px;
  width: 345px;
  padding: 10px 6px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.sideCntnt {
  width: 100%;
  overflow-y: scroll;
  max-height: calc(100vh - 120px);
  padding: 2px 6px;
  /* scrollbar-width: thin; */
}
.sideCntnt::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: #fff;
}
.sideCntnt::-webkit-scrollbar-thumb {
  border-radius: 35px;
  background-color: rgba(0, 0, 0, 0.1);
  --webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.coursPgSec .cursPgSide .sideVideo {
  width: 100%;
  height: auto;
  /* height: 225px; */
  border-radius: 16px;
  margin-bottom: 15px;
}
.coursPgSec .cursPgSide .sideVideo .video-js {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.coursPgSec .cursPgSide .sideVideo .video-js .vjs-tech {
  border-radius: 16px;
}
.coursPgSec .cursPgSide .vjs-poster {
  border-radius: 16px;
  background-size: cover;
}
.coursPgSec .cursPgSide .video-js .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  margin-top: 0;
}
.coursPgSec
  .cursPgSide
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.coursPgSec .vjs-has-started .vjs-control-bar {
  border-radius: 0 0 12px 12px;
}
.coursPgSec .cursPgSide button {
  margin-top: 20px;
  width: 100%;
  height: 58px;
  border-radius: 16px;
  background: var(--green-500);
}
.coursPgSec .cursPgSide button .btnCvr {
  border-radius: 16px;
}
.coursPgSec .cursPgSide .btnCntnt {
  padding: 14px 28px;
  color: var(--white);
}
.coursPgSec .cursPgSide .coursInfo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px;
  align-self: stretch;
  padding: 20px;
  border-radius: 16px;
  background: var(--typo-50);
  margin-top: 12px;
}
.coursPgSec .cursPgSide .coursInfo li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 44%;
}
.coursPgSec .cursPgSide .coursInfo li:nth-child(2n + 1)::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--white-500);
  opacity: 0.7;
  width: 1px;
  height: 26px;
  content: "";
  position: absolute;
}
.coursPgSec .cursPgSide .coursInfo span {
  color: var(--typo-400);
  font-size: 20px;
}
.coursPgSec .cursPgSide .coursInfo i {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  display: block;
  margin-bottom: 3px;
}
.coursPgSec .cursPgSide .coursInfo p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.coursPgSec .cursPgSide .buyType {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
  margin-top: 12px;
}
.coursPgSec .cursPgSide .buyType .form-check {
  width: 50%;
  height: 56px;
  padding: 0;
  margin: 0;
}
.coursPgSec .cursPgSide .buyType input,
.coursPgSec .cursPgSide .buyType label {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.coursPgSec .cursPgSide .buyType input {
  z-index: 2;
  opacity: 0;
}
.coursPgSec .cursPgSide .buyType label {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--white-500);
  background: var(--white);
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.coursPgSec .cursPgSide .buyType input:checked ~ label {
  border: 1px solid var(--green-500);
  background: var(--green-50);
  color: var(--green-500);
}
.coursPgSec .cursPgSide .buyType .priceBox {
  padding-left: 3px;
}
.coursPgSec .cursPgSide .buyType .oldPrice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.coursPgSec .cursPgSide .crsDiscount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  padding: 0 5px 0 5px;
}
.coursPgSec .cursPgSide .buyType .oldPrice del,
.coursPgSec .cursPgSide .crsDiscount del {
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 15.5px;
}
.coursPgSec .cursPgSide .buyType .oldPrice div,
.coursPgSec .cursPgSide .crsDiscount div {
  color: var(--white);
  text-align: center;
  font-size: 14px;
  font-family: "IRANYekanMedium";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 31px;
  border-radius: 12px;
  border: 1.5px solid var(--white);
  background: #ff4c71;
}
.secondMode{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.secondMode .mainPrice{
    display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.secondMode .mainPrice p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
}
.secondMode .mainPrice span {
  color: var(--typo-300);
  font-size: 20px;
}
.secondMode .discountdPrice{
   display: flex;
  align-items: center;
  justify-content: flex-end;
 gap: 8px;
}
.secondMode .discountdPrice del {
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 15.5px;
}
.secondMode .discountdPrice div {
  color: var(--white);
  text-align: center;
  font-size: 14px;
  font-family: "IRANYekanMedium";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 31px;
  border-radius: 12px;
  border: 1.5px solid var(--white);
  background: #ff4c71;
}
.coursPgSec .cursPgSide .buyType .oldPrice div {
  height: 27px;
}
.coursPgSec .cursPgSide .priceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  padding: 0 5px 10px 5px;
}
.coursPgSec .cursPgSide .buyType .newPrice,
.coursPgSec .cursPgSide .coursPrice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.coursPgSec .cursPgSide .buyType .newPrice {
  justify-content: flex-end;
}
.coursPgSec .cursPgSide .buyType .newPrice p,
.coursPgSec .cursPgSide .coursPrice p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
}
.coursPgSec .cursPgSide .buyType .newPrice span,
.coursPgSec .cursPgSide .coursPrice span {
  color: var(--typo-300);
  font-size: 20px;
}
.coursPgSec .cursPgSide .coursType {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--green-500);
}
.coursPgSec .cursPgSide .coursType p {
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.coursPgSec .cursPgSide .coursType span {
  font-size: 24px;
}

.productTab .pTabHeader {
  position: sticky;
  right: 0;
  top: 92px;
  width: 100%;
  padding: 32px;
  background: var(--white);
  z-index: 4;
  border-radius: 18px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin: 20px 0;
}
.productTab .pTabHeader ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 66px;
  overflow: auto;
  padding-bottom: 5px;
}
.productTab .pTabHeader ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.productTab .pTabHeader ul li {
  height: 100%;
  min-width: 16.5%;
}
.productTab .pTabHeader2 ul li {
  min-width: 20%;
}
.productTab .pTabHeader .pTablinks {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: max-content;
  height: 100%;
  background: var(--white-100);
  padding: 0 18px 4px 18px;
  color: var(--typo-500);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  border-top: 4px solid var(--white-100);
}
.productTab .pTabHeader ul li:first-child .pTablinks {
  border-radius: 0 16px 16px 0;
}
.productTab .pTabHeader ul li:last-child .pTablinks {
  border-radius: 16px 0 0 16px;
}
.productTab .pTabHeader .pTablinks:hover {
  color: var(--green-500);
}
.productTab .pTabHeader .pTablinks.active {
  color: var(--green-500);
  border-color: var(--green-500);
  background: var(--green-50);
}
.productTab .pTabcontent {
  height: max-content;
  /* min-height: 230px; */
}
.productTab .pTabcontent .tbContnt {
  padding: 32px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
}
.productTab .pTabcontent .pTabTitle {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productTab .pTabcontent .pTabTitle h2 {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 17.5px;
}
.productTab .pTabcontent .pTabTitle a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--green-500);
}
.productTab .pTabcontent .pTabTitle a p {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.productTab .pTabcontent .pTabTitle a span {
  font-size: 18px;
}
.productTab .pTabcontent .pTabTitle a:hover {
  color: var(--green-800);
}
.productTab .introText {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.productTab .introText ul {
  list-style: inside;
}
.productTab .introBox {
  margin: 32px 0;
  border-radius: 16px;
  padding: 18px;
  background: var(--typo-50);
  border-right: 4px solid var(--green-500);
  color: var(--typo-900);
  text-align: right;
  font-size: 14px;
  line-height: 1.5;
}
.productTab .pakagInfoLst {
  margin-bottom: 32px;
}
.productTab .pakagInfoLst p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 12px;
}
.productTab .pakagInfoLst ul {
  list-style: inside;
}
.productTab .pakagInfoLst li {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.productTab .compareBox {
  margin-bottom: 32px;
}
.corsContntHed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 24px;
}
.corsContntHed span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green-500);
}
.corsContntHed h3 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.productTab .compareTbl th {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  background: var(--typo-100);
  padding: 10px;
}
.productTab .compareTbl th:first-child {
  text-align: right;
  border-radius: 0 8px 8px 0;
}
.productTab .compareTbl th:last-child {
  border-radius: 8px 0 0 8px;
}
.productTab .compareTbl tbody tr:nth-of-type(2n) td {
  background: var(--green-50);
}
.productTab .compareTbl td {
  vertical-align: middle;
  text-align: center;
  padding: 10px 12px;
}
.productTab .compareTbl td:first-child {
  text-align: right;
  border-radius: 0 8px 8px 0;
  min-width: 130px;
}
.productTab .compareTbl td:last-child {
  border-radius: 8px 0 0 8px;
}
.productTab .compareTbl td p {
  color: var(--typo-600);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  line-height: 1.5;
}
.productTab .compareTbl td span {
  font-size: 20px;
  display: block;
  line-height: 1;
}
.productTab .compareTbl td .tickIcon {
  color: var(--green-500);
}
.productTab .compareTbl td .closeIcon {
  color: #fe4a2b;
}
.productTab .compareTbl .tblProgres {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.productTab .compareTbl .tblProgres .prgrsBdy {
  width: 120px;
  height: 10px;
  border-radius: 25px;
  background: var(--white-500);
}
.productTab .compareTbl .tblProgres .prgrsColor {
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 25px;
}
.productTab .compareTbl .tblProgres .prgrsColor.red {
  background: #fe4a2b;
}
.productTab .compareTbl .tblProgres .prgrsColor.green {
  background: var(--green-500);
}
.productTab .courseGalry {
  direction: ltr;
  margin-bottom: 32px;
}
.lg-container {
  direction: ltr;
}
.productTab .courseGalry #lightgallery {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.productTab .courseGalry .glryCard {
  height: 177px;
}
.productTab .courseGalry .glryCard.bigGlryCrd {
  width: 28%;
}
.productTab .courseGalry .glryCard.minGlryCrd {
  width: 13%;
}
.productTab .courseGalry .glryCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.productTab .pkgTopics {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.productTab .pkgTopics .pkgTpicCrd {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex-direction: column;
  padding: 32px 24px;
  border-radius: 16px;
  border: 1px solid var(--white-500);
}
.productTab .pkgTpicCrd .iconBx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 8px;
  border-radius: 16px;
}
.productTab .pkgTpicCrd .iconBx div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.65);
  font-size: 28px;
}
.productTab .pkgTpicCrd .iconBx.pink {
  background: #f64d84;
  color: #f64d84;
}
.productTab .pkgTpicCrd .iconBx.yellow {
  background: #ffda6c;
  color: #ffda6c;
}
.productTab .pkgTpicCrd .iconBx.indigo {
  background: #89cdf3;
  color: #89cdf3;
}
.productTab .pkgTpicCrd .iconBx.blue {
  background: #6cd0ef;
  color: #6cd0ef;
}
.productTab .pkgTpicCrd .iconBx.green {
  background: #a5d6a7;
  color: #a5d6a7;
}
.productTab .pkgTpicCrd .iconBx.orange {
  background: #f1bc88;
  color: #f1bc88;
}
.productTab .pkgTpicCrd h3 {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.productTab .pkgTpicCrd p {
  color: var(--typo-500);
  text-align: center;
  font-size: 14px;
  height: 41px;
  overflow: hidden;
}
.productTab .chapterOne {
  margin: 0 0 32px 0;
}
.productTab .chapterOne img {
  width: 100%;
  height: auto;
}
.productTab .chapterOne ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 0;
  margin-top: 32px;
}
.productTab .chapterOne li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 10px;
  width: 50%;
}
.productTab .chapterOne li span {
  font-size: 22px;
  color: var(--green-500);
}
.productTab .chapterOne p {
  color: var(--typo-500);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  margin-top: -2px;
}
.productTab .chapterTwo,
.productTab .coursTools {
  margin-bottom: 32px;
}
.productTab .chapterTwo h3,
.productTab .coursTools h3 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 12px;
}
.productTab .chapterTwo p {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.productTab .chapterTwo p strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.productTab .coursTools ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px 0;
  flex-wrap: wrap;
}
.productTab .coursTools li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 10px;
  width: 50%;
}
.productTab .coursTools li span {
  font-size: 22px;
  color: #209ef8;
}
.productTab .coursTools li p {
  color: var(--typo-500);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.productTab .coursFeature {
  margin: 32px 0;
}
.productTab .coursFeature ul {
  width: 100%;
}
.productTab .coursFeature li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  padding: 32px;
  border-radius: 16px;
  background: var(--white-100);
  margin-bottom: 12px;
}
.productTab .coursFeature li img {
  width: 60px;
  min-width: 60px;
  height: auto;
}
.productTab .coursFeature div {
  text-align: right;
}
.productTab .coursFeature h3 {
  color: var(--typo-900);
  margin-bottom: 12px;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.productTab .coursFeature p {
  color: var(--typo-500);
  font-size: 14px;
}
.coursPodBx {
  width: 100%;
  border-radius: 16px;
  background: var(--green-500);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 20px;
}
.coursPodBx .coursPodTtl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.coursPodBx .coursPodTtl div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: var(--white);
}
.coursPodBx .coursPodTtl span {
  font-size: 24px;
}
.coursPodBx .coursPodTtl h3 {
  color: var(--white);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  padding-top: 2px;
}
.coursPodBx .coursPodTtl img {
  width: 44px;
  height: auto;
}
.coursPodBx .audioBox {
  width: 100%;
  border-radius: 16px;
  background: var(--white);
  padding: 12px;
}
.coursPodBx .audioBox .audioplayer-time {
  color: var(--typo-700);
}
.coursPodBx .audioBox .audioplayer-bar::before {
  background: #4b4c5915;
}
.coursPodBx .audioBox .audioplayer-bar {
  width: calc(100% - 70px);
}
.coursPodBx .audioBox .audioplayer-bar-played {
  background: var(--typo-500);
  border-radius: 25px;
}
.coursPodBx
  .audioBox
  .audioplayer:not(.audioplayer-playing)
  .audioplayer-playpause
  a
  span {
  color: var(--typo-700);
  font-size: 25px;
  line-height: 1;
  display: block;
  margin-top: 4px;
}
.coursPodBx .audioBox .audioplayer-bar {
  border-radius: 25px;
}
.coursPodBx .audioBox .audioplayer-time-duration {
  padding-right: 28px;
}
.coursPodBx .audioplayer-playing .audioplayer-playpause a::before,
.coursPodBx .audioplayer-playing .audioplayer-playpause a::after {
  background-color: var(--typo-700);
}
.coursPodBx .audioplayer-volume a {
  background: url(../img/svg/volume-high.svg);
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: left;
}
.coursPodBx .audioplayer-mute .audioplayer-volume a {
  background: url(../img/svg/mute.svg);
  background-size: 22px 20px;
  background-repeat: no-repeat;
  background-position: left;
}
.coursPodBx .play_icon:before {
  content: "\eafd";
  font-family: "icomoon";
}
.collection {
  margin-top: 32px;
}
.collection li {
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--white-400);
  background: var(--white-100);
  padding: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 32px;
}
.collection li:last-child {
  margin-bottom: 0;
}
.collection li .right {
  width: 201px;
  min-width: 201px;
}
.collection li h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.collection li img {
  width: 100%;
  height: 117px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  margin-bottom: 12px;
}
.collection li .left p {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin-bottom: 25px;
}
.collection li .left a {
  width: max-content;
  height: 50px;
  padding: 0 25px;
  border-radius: 16px;
  border: 1px solid var(--green-500);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--green-500);
}
.collection li a i {
  font-family: "IRANYekanBold";
  font-size: 14px;
  line-height: 1;
  display: block;
}
.collection li a span {
  font-size: 18px;
}
.collection li a:hover {
  opacity: 0.7;
}
.coursAcordion {
  margin-top: 20px;
}
.coursAcordion .accordion-flush .accordion-item {
  border-radius: 18px;
  border: 1px solid var(--white-300);
  background: var(--white-100);
  margin-bottom: 10px;
  padding: 18px;
}
.coursAcordion .accordion-button {
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  outline: none;
  padding: 0;
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  line-height: 1.6;
  padding-left: 30px;
}
.coursAcordion .accordion-button::after {
  position: absolute;
  margin: 0;
  left: 0;
  top: 4px;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.coursAcordion .accordion-header {
  border-radius: 18px;
  background: transparent;
}
.coursAcordion .accordion-body {
  padding: 24px 0 15px 0;
}
.coursAcordion .accordion-body .text {
  color: var(--typo-600);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.coursAcordion .chapterList img {
  width: 100%;
  height: auto;
  border-radius: 18px;
  margin-bottom: 24px;
}
.coursAcordion .chapterList a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 18px;
  border: 1px solid var(--white-300);
  background: var(--white);
  padding: 18px 20px;
  color: var(--typo-600);
  margin-bottom: 6px;
}
.coursAcordion .chapterList p {
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.coursAcordion .chapterList a:hover {
  color: var(--green-600);
}
.productTab .freeVideos {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-top: 30px;
}
.productTab .freeVideos .freeVidBox {
  width: 50%;
  height: 230px;
  border-radius: 16px;
}
.productTab .freeVideos .video-js {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.productTab .freeVideos .vjs-poster {
  border-radius: 16px;
  background-size: cover;
}
.productTab .freeVideos .video-js .vjs-tech {
  border-radius: 16px;
}
.productTab .freeVideos .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  z-index: 2;
}
.productTab
  .freeVideos
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.productTab .freeVideos .video-js .vjs-big-play-button:focus,
.productTab .freeVideos .video-js:hover .vjs-big-play-button {
  border: none;
  background: transparent;
}
.productTab .freeVideos .vidOverlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 16px 16px 0 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-image: linear-gradient(
    37deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.2) 100%
  );
  border-radius: 16px;
  z-index: 1;
}
.productTab .freeVideos .vidOverlay img {
  width: 32px;
  height: auto;
}
.productTab .freeVideos .vidOverlay p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 60px;
  height: 33px;
  padding: 1px 8px;
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.5);
}
.tabCmnts .tabCmntCrd {
  margin-bottom: 10px;
  border-radius: 18px;
  border: 1px solid var(--white-400);
  background: var(--white-100);
  padding: 18px 24px;
}
.tabCmnts .tabCmntHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tabCmnts .tabCmntHed .user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.tabCmnts .tabCmntHed img {
  width: 63px;
  height: 63px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.tabCmnts .tabCmntHed strong {
  color: var(--typo-900);
  text-align: right;
  display: block;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.tabCmnts .tabCmntHed p {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.tabCmnts .tabCmntHed p.admin {
  color: var(--green-500);
}
.tabCmnts .tabCmntHed .date {
  color: var(--typo-500);
  font-size: 12.5px;
}
.tabCmnts .tabMoreCmnt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: #2d9ff1;
  margin-top: 25px;
}
.tabCmnts .tabCmntTxt {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin-top: 10px;
}
.tabCmnts .replyCmnt {
  width: 100%;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tabCmnts .replyCmnt .replyNumbr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--typo-500);
}
.tabCmnts .replyLink {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  border: none;
  padding: 0;
  background: transparent;
  color: var(--typo-500);
}
.tabCmnts .replyCmnt p {
  font-size: 12.5px;
}
.tabCmnts .replyCmnt span {
  font-size: 19px;
}
.tabCmnts .replyLink:hover {
  color: var(--green-500);
}
.tabCmnts .tabMoreCmnt p {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.tabCmnts .tabMoreCmnt span {
  font-size: 18px;
}
.tabCmnts .tabMoreCmnt:hover {
  color: var(--green-600);
}
.tabCmnts .replyedMsgs {
  border-top: 1px solid var(--white-400);
  margin-top: 24px;
  padding-right: 20px;
}
.tabCmnts .rplyMsgCrd {
  padding: 16px 20px 20px 20px;
  border-bottom: 1px solid var(--white-400);
}
.tabCmnts .rplyMsgCrd.adminRply {
  background: var(--green-50);
}
.tabCmnts .rplyMsgCrd:last-child {
  border-bottom: 0;
}
.licenceText {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.plyerDownld {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
.plyerDownld button {
  width: 140px;
  height: 50px;
  border-radius: 16px;
  background: var(--green-500);
  color: var(--white);
  border: none;
}
.plyerDownld button .btnCvr {
  border-radius: 16px;
}
.plyerDownld button span {
  font-size: 20px;
}
.plyerDownld button p {
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.plyerDownld button:hover .btnCvr {
  width: 100%;
}
.plyerDownld .appLnkBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 24px;
  border-radius: 18px;
  background: var(--white-100);
  width: calc(100% - 160px);
}
.plyerDownld .appLnkBox div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: var(--typo-400);
  min-width: max-content;
}
.plyerDownld .appLnkBox span {
  font-size: 18px;
}
.plyerDownld .appLnkBox strong {
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.plyerDownld .appLnkBox a {
  color: var(--green-500);
  text-align: left;
  font-size: 14px;
  cursor: pointer;
  display: block;
}
.plyerDownld .appLnkBox a:hover {
  color: var(--green-800);
}
.productTab .licenceCode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 18px;
  padding: 18px 24px;
  border: 1px solid var(--white-400);
  background: var(--white-100);
  margin-top: 24px;
}
.productTab .licenceCode div {
  text-align: right;
  font-size: 14px;
}
.productTab .licenceCode p {
  color: var(--typo-500);
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 8px;
}
.productTab .licenceCode strong {
  color: var(--green-500);
  font-family: "IRANYekanBold";
  display: block;
}
.productTab .licenceCode i {
  color: var(--typo-900);
  text-align: right;
  font-size: 14px;
  font-family: "IRANYekanBold";
  display: block;
}
.productTab .licenceCode .lockIcon,
.productTab .licenceCode button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  border: 1px solid var(--typo-100);
  background: var(--white);
  width: 56px;
  height: 56px;
  color: var(--typo-500);
  font-size: 24px;
}
.productTab .licenceCode button:hover {
  color: var(--green-600);
}

/*==================relatedSec=================*/
.relatedSec {
  margin: 40px 0 10px 0;
}
.relatedSec .sectionHed {
  margin-bottom: 25px;
}

/*==================article-cat-sec=================*/
.artclCatSec {
  margin: 30px 0 0 0;
}
.artclCatLst {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.artclCatLst .artclCatBx {
  width: 199px;
  height: auto;
  border-radius: 30px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  text-align: center;
  padding: 20px 10px;
}
.artclCatLst .artclCatBx img {
  width: 45px;
  height: auto;
}
.artclCatLst .artclCatBx strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.artclCatLst .artclCatBx p {
  color: var(--typo-400);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.artclCatLst .artclCatBx:hover {
  box-shadow: 1px 2px 4px 0px rgba(93, 95, 109, 0.02),
    2px 6px 15px 0px rgba(93, 95, 109, 0.12);
}

/*==================last-article-sec=================*/
.lstArtclSec {
  margin: 50px 0 40px 0;
}
.allArtclLnk {
  margin: 40px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green-500);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  width: max-content;
  height: 50px;
  padding: 1px 28px;
  border-radius: 16px;
  border: 1px solid var(--green-500);
}
.allArtclLnk:hover {
  opacity: 0.7;
}

/*==================top-blog-sec=================*/
.topBlogSec {
  margin: 25px 0 35px 0;
}
.topBlogSec .topBlogRow {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 15px;
}
.topBlogSec .topBlogRow .right {
  width: 50%;
}
.topBlogSec .topBlogRow .left {
  width: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.transferred .rightBnr,
.topBlogSec .topBlogRow .rightBnr {
  display: block;
  width: 100%;
  height: 101px;
  margin-bottom: 15px;
  border-radius: 12px;
}
.transferred .rightBnr img,
.topBlogSec .topBlogRow .rightBnr img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}
.topBlogSec .topBlogRow .rightBnr:hover {
  transform: translateY(-2px);
}
.topBlogSec .topBlogRow .bigBlogCrd {
  display: block;
  width: 100%;
  height: 339px;
  overflow: hidden;
  border-radius: 12px;
}
.topBlogSec .topBlogRow .smallBlgCrd {
  display: block;
  width: 48.6%;
  height: 220px;
  overflow: hidden;
  border-radius: 12px;
}
.smallBlgCrd img,
.topBlogSec .bigBlogCrd img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}
.blgCardCvr {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 29.43%,
    rgba(0, 0, 0, 0.7) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 12px;
  z-index: 2;
}
.blgCardCvr .tag {
  color: var(--typo-50);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 20px 3px 20px;
  border-radius: 50px;
  background: var(--green-500);
  margin: 0 auto 0 0;
}
.blgCardCvr .title {
  width: 100%;
  text-align: right;
  overflow: hidden;
}
.blgCardCvr p {
  color: var(--white-500);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  margin-bottom: 8px;
}
.blgCardCvr h2 {
  color: var(--white);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.topBlogSec .topBlogRow .blgCardCvr h2 {
  max-height: 48px;
}
.smallBlgCrd:hover img,
.topBlogSec .topBlogRow .bigBlogCrd:hover img {
  transform: scale(1.04);
}

/*==================blog-single===================*/
.blogPgSec {
  margin: 30px 0;
}
.blogPgSec .blogPgRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.blogPgSec .blogPgRow .blgPgLeft {
  width: 310px;
}
.blogPgSec .blogPgRow .blgPgLeft a {
  width: 100%;
  height: auto;
  border-radius: 30px;
  margin-bottom: 20px;
}
.blogPgSec .blogPgRow .blgPgLeft img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.blogPgSec .blogPgRow .blgPgLeft a:hover {
  transform: translateY(-2px);
}
.blogPgSec .blogPgRow .blgPgRight {
  width: calc(100% - 310px);
  margin-left: 40px;
}
.blogPgSec .blgPgTitle {
  text-align: right;
  margin-bottom: 35px;
}
.blogPgSec .blgPgTitle h1 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 22.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.blogPgSec .blgPgTitle ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px 15px;
  margin-bottom: 20px;
}
.blogPgSec .blgPgTitle li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--typo-600);
}
.blogPgSec .blgPgTitle li span {
  font-size: 20px;
}
.blogPgSec .blgPgTitle li p {
  font-size: 14px;
}
.blogPgSec .blgPgTitle .blgTitelTxt {
  width: 100%;
  padding: 32px 24px;
  color: var(--typo-600);
  font-size: 15.75px;
  border-radius: 16px;
  background: var(--white);
}
.blogPgSec .blgTextBox {
  background: var(--typo-50);
  border-radius: 18px;
  border-right: 4px solid var(--green-500);
  width: 100%;
  padding: 18px;
  margin: 25px 0;
  color: var(--typo-900);
  text-align: right;
  font-size: 14px;
  line-height: 1.6;
}
.blogPgSec .blgPgImg {
  width: 100%;
  height: auto;
  border-radius: 18px;
}
.blogPgSec .blgPgImg img {
  width: 100%;
  height: auto;
  border-radius: 18px;
}
.blogPgSec .listAcordion {
  border-radius: 18px;
  background: var(--white);
  border-right: 4px solid var(--green-500);
  width: 100%;
  padding: 32px 24px;
  margin: 25px 0;
}
.blogPgSec .listAcordion .accordion-button {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  line-height: 1.5;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}
.blogPgSec .listAcordion .accordion-button::after {
  position: absolute;
  margin: 0;
  left: 0;
  top: 4px;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.blogPgSec .listAcordion .accordion-body {
  padding: 1rem 0.75rem 0 0.75rem;
}
.blogPgSec .listAcordion .accordion-body a {
  color: var(--typo-900);
  text-align: right;
  font-size: 14px;
  margin-bottom: 10px;
}
.blogPgSec .listAcordion .accordion-body a:last-child {
  margin-bottom: 0;
}
.blogPgSec .listAcordion .accordion-body a:hover {
  color: var(--green-500);
}
.blogPgSec .blogPgTxt {
  text-align: right;
  margin: 25px 0;
}
.blogPgSec .blogPgTxt h2 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.blogPgSec .blogPgTxt strong,
.blogPgSec .blogPgTxt h4,
.blogPgSec .blogPgTxt h5,
.blogPgSec .blogPgTxt h3 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.blogPgSec .blogPgTxt strong {
  display: block;
}
.blogPgSec .blogPgTxt p {
  color: var(--typo-600);
  font-size: 15.75px;
  line-height: 1.8;
}
.blogPgSec .blogPgTxt ul {
  list-style: decimal;
  padding-right: 20px;
  margin-bottom: 10px;
}
.blogPgSec .blogPgTxt ul.listStylDisk {
  list-style: inside;
  padding-right: 0;
}
.blogPgSec .blogPgTxt ul li {
  color: var(--typo-600);
  font-size: 15.75px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.blogPgSec .sugestdArtcl {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  border-radius: 18px;
  background: var(--white);
  border-right: 4px solid var(--green-500);
  padding: 32px 24px;
  margin: 30px 0;
}
.blogPgSec .sugestdArtcl div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--typo-400);
  text-align: right;
  min-width: max-content;
}
.blogPgSec .sugestdArtcl span {
  font-size: 20px;
}
.blogPgSec .sugestdArtcl p {
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.blogPgSec .sugestdArtcl cite {
  font-style: normal;
}
.blogPgSec .sugestdArtcl a {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.blogPgSec .sugestdArtcl a:hover {
  color: var(--green-800);
}
.blogPgSec blockquote {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 18px;
  background: var(--white);
  border-right: 4px solid var(--green-500);
  padding: 32px 35px 32px 24px;
  margin: 30px 0;
  position: relative;
}
.blogPgSec blockquote:before {
  content: "\e925";
  position: absolute;
  right: 16px;
  top: 32px;
  font-family: "icomoon" !important;
  color: #17c549;
}
.blogPgSec blockquote p {
  font-family: "IRANYekanBold";
  font-size: 14px;
  color: var(--typo-400);
  text-align: right;
  line-height: 1.5;
}
.blogPgSec blockquote a {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.blogPgSec blockquote a:hover {
  color: var(--green-800);
}
.blogPgSec .blgPgTable th {
  color: var(--white);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  background: var(--green-500);
  padding: 13px 12px;
}
.blogPgSec .blgPgTable th:first-child {
  border-radius: 0 8px 0 0;
}
.blogPgSec .blgPgTable th:last-child {
  border-radius: 8px 0 0 0;
}
.blogPgSec .blgPgTable tbody tr:nth-of-type(2n) td {
  background: var(--green-50);
}
.blogPgSec .blgPgTable td {
  vertical-align: middle;
  text-align: right;
  padding: 12px;
  color: var(--typo-900);
  font-size: 14px;
  line-height: 1.5;
  min-width: 150px;
}
.blogPgSec .blgPgTable tbody tr:last-child td:first-child {
  border-radius: 0 0 8px 0;
}
.blogPgSec .blgPgTable tbody tr:last-child td:last-child {
  border-radius: 0 0 0 8px;
}
.blogPgSec .blgPgBnnr {
  width: 100%;
  height: auto;
  border-radius: 30px;
  margin: 30px 0;
}
.blogPgSec .blgPgBnnr img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.blogPgSec .blgPgBnnr:hover {
  transform: translateY(-3px);
}
.blogPgSec .blgPgVideo {
  width: 100%;
  height: 400px;
  margin: 25px 0;
}
.blogPgSec .blgPgVideo .video-js {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.blogPgSec .blgPgVideo .vjs-poster {
  border-radius: 18px;
  background-size: cover;
}
.blogPgSec .blgPgVideo .video-js .vjs-tech {
  border-radius: 18px;
}
.blogPgSec .blgPgVideo .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  z-index: 2;
}
.blogPgSec
  .blgPgVideo
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.blogPgSec .blgPgVideo .video-js .vjs-big-play-button:focus,
.blogPgSec .blgPgVideo .video-js:hover .vjs-big-play-button {
  border: none;
  background: transparent;
}
.blogPgSec .blgPageBx {
  border-radius: 18px;
  background: var(--white);
  box-shadow: 1px 2px 4px 0px rgba(93, 95, 109, 0.01),
    2px 4px 30px 0px rgba(93, 95, 109, 0.05);
  padding: 30px;
  margin-bottom: 25px;
}
.blogPgSec .blgPageBx .blgPgBxHed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.blogPgSec .blgPageBx .blgPgBxHed h2 {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 17.5px;
}
.blogPgSec .blgPageBx .blgPgBxHed a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--green-500);
}
.blogPgSec .blgPageBx .blgPgBxHed a span {
  font-size: 15px;
}
.blogPgSec .blgPageBx .blgPgBxHed a p {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}

/*==================podcast-page===================*/
.podDtailSec {
  width: 100%;
  height: max-content;
}
.podDtailSec .podSecBg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}
.podDtailSec .podSecCovr {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    0deg,
    rgba(28, 28, 33, 0.8) 0%,
    rgba(28, 28, 33, 0.8) 100%
  );
  z-index: 1;
}
.podDtailSec .podSecCntnt {
  z-index: 2;
}
.podDtailSec .podDetailBx {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 100px 0 160px 0;
}
.podDtailSec .podDetailBx .podPgTitle {
  width: 50%;
  max-width: 530px;
  color: var(--white);
}
.podDtailSec .podPgTitle h1 {
  font-family: "IRANYekanBold";
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.podDtailSec .podPgTitle p {
  font-size: 14px;
}
.podDtailSec .podDetailBx .podPgSong {
  width: 50%;
  padding-right: 20px;
  max-width: 540px;
}
.podDtailSec .podPgSong .podPgInfo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.podDtailSec .podPgSong .podInfoImg {
  width: 172px;
  height: 172px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  border: 1px solid var(--white);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 3.89%,
    rgba(255, 255, 255, 0.04) 98.15%
  );
  backdrop-filter: blur(25px);
}
.podDtailSec .podPgSong .podInfoImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
.podDtailSec .podPgSong .podInfoName li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  text-align: left;
  color: #ffffffa8;
  margin-bottom: 10px;
}
.podDtailSec .podPgSong .podInfoName li:last-child {
  margin-bottom: 0;
}
.podDtailSec .podPgSong .podInfoName p {
  font-size: 14px;
}
.podDtailSec .podPgSong .podInfoName span {
  font-size: 20px;
}
.podDtailSec .podPgSong .audioBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 30px;
}
.podDtailSec .podPgSong .audioplayer-bar {
  width: calc(100% - 100px);
  margin-left: 10px;
}
.podDtailSec .podPgSong .audioplayer-volume a {
  background: url(../img/svg/volume-high-white.svg);
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: left;
}
.podDtailSec .podPgSong .audioplayer-mute .audioplayer-volume a {
  background: url(../img/svg/mute-white.svg);
  background-size: 22px 20px;
  background-repeat: no-repeat;
  background-position: left;
}
.podDtailSec .podPgSong .audioplayer-time {
  color: var(--white);
}
.podDtailSec .podPgSong .audioplayer-time-duration {
  padding-right: 32px;
}
.podDtailSec .podPgSong .audioplayer-time-current {
  display: none;
}
.podDtailSec .podPgSong .audioplayer-bar {
  border-radius: 25px;
  background: #ffffff3f;
}
.podDtailSec .podPgSong .audioplayer-bar > div {
  background: var(--white);
  border-radius: 25px;
}
.podDtailSec .podPgSong .play_icon {
  color: var(--white);
  line-height: 1;
  height: 100%;
  width: 100%;
}
.podDtailSec .podPgSong .play_icon:before {
  content: "\eafa";
  font-family: "icomoon";
}
.podDtailSec .podPgSong .audioplayer-playing .audioplayer-playpause a::before,
.podDtailSec .podPgSong .audioplayer-playing .audioplayer-playpause a::after {
  background: var(--white);
}
.podDtailSec .podPgSong .audioDownBtn {
  border: none;
  background: transparent;
  color: var(--white);
  font-size: 20px;
  width: 20px;
  height: 22px;
  line-height: 1;
  padding: 0 0 2px 0;
}
.podDtailSec .podPgSong .audioDownBtn:hover {
  color: var(--green-500);
}

/*==================related-podcast===================*/
.reltdPodRow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 19px;
  margin: 20px 0 45px 0;
}
.reltdPodRow .newPodCrd {
  display: block;
  width: 244px;
  overflow: hidden;
}
.reltdPodRow .newPodCrd:hover .newPodImgCvr {
  opacity: 1;
  height: 100%;
}

/*==================related-blogs===================*/
.reltdBlgSec {
  margin: 25px 0;
}
.reltdBlgSec .relatedBlg {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.reltdBlgSec .relatedBlg .smallBlgCrd {
  display: block;
  width: 309px;
  height: 220px;
  overflow: hidden;
  border-radius: 12px;
}
.reltdBlgSec .relatedBlg .blgCardCvr h2 {
  max-height: 47px;
  overflow: hidden;
}

/*=====================search=====================*/
.searchSec {
  margin: 30px 0;
}
.searchSec .srchedWord {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  text-align: right;
  font-family: "IRANYekanMedium";
  margin-bottom: 15px;
}
.searchSec .srchedWord p {
  color: var(--typo-900);
  font-size: 15.75px;
  line-height: 1;
}
.searchSec .srchedWord h1 {
  color: var(--green-500);
  font-size: 17.5px;
  line-height: 1;
}
.searchSec .srchFltrBx {
  width: 100%;
  height: 54px;
  padding: 8px 20px 1px 0;
  margin: 20px 0;
  border-radius: 12px;
  background: var(--white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.searchSec .srchFltrBx .srchFltrLst {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5px;
  overflow: auto;
}
.searchSec .srchFltrLst::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.searchSec .srchFltrLst .form-check {
  padding: 0;
  margin: 0;
  width: max-content;
  min-width: max-content;
  height: 29px;
}
.searchSec .srchFltrLst input,
.searchSec .srchFltrLst label {
  height: 100%;
  left: 0;
  top: 0;
}
.searchSec .srchFltrLst input {
  width: 100%;
  opacity: 0;
  z-index: 2;
  padding: 0;
  margin: 0;
}
.searchSec .srchFltrLst label {
  width: max-content;
  padding: 0 12px 2px 12px;
  color: var(--typo-300);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: transparent;
}
.searchSec .srchFltrLst input:hover ~ label {
  color: var(--green-500);
}
.searchSec .srchFltrLst input:checked ~ label {
  color: var(--green-500);
  background: var(--green-50);
}
.searchSec .srchFltrBx .srchFltrNum {
  left: 0;
  top: 0;
  height: 100%;
  width: max-content;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--white);
  border-radius: 12px 0 0 12px;
  font-family: "IRANYekanMedium";
  padding: 0 8px 0 20px;
  z-index: 2;
}
.searchSec .srchFltrBx .srchFltrNum p {
  color: var(--typo-900);
  font-size: 12.5px;
}
.searchSec .srchFltrBx .srchFltrNum span {
  color: var(--typo-400);
  font-size: 12.5px;
}
.searchSec .srchResult .srchedItem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
  width: 100%;
  overflow: hidden;
}
.searchSec .srchedItem .srchItemImg {
  width: 142px;
  min-width: 142px;
  height: 98px;
  border-radius: 12px;
}
.searchSec .srchedItem .srchItemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}
.searchSec .srchedItem .srchItmName {
  text-align: right;
  width: calc(100% - 162px);
}
.searchSec .srchedItem .srchItmName .tag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: var(--green-500);
}
.searchSec .srchedItem .srchItmName span {
  font-size: 20px;
}
.searchSec .srchedItem .srchItmName i {
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.searchSec .srchedItem .srchItmName h2 {
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
  line-height: 1.5;
  margin: 6px 0;
  max-height: 46px;
  overflow: hidden;
}
.searchSec .srchedItem .srchItmName p {
  color: var(--typo-400);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.searchSec .srchResult .srchedItem:hover {
  transform: translateY(-3px);
}

/*=================contact-us====================*/
.contactSec {
  margin: 40px 0;
}
.contactSec .contactRow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1px 30px;
}
.contactSec .socialBoxs {
  width: 65%;
  padding-left: 20px;
}
.contactSec .socialBoxs .socialCard {
  width: 100%;
  height: 188px;
  border-radius: 16px;
  overflow: hidden;
}
.contactSec .socialBoxs .socialCard .cover {
  background: url("../img/Shapes/Doodle\ Pattern\ Palette\ 1.svg");
  width: 50%;
  height: 100%;
  right: 0;
  z-index: 1;
}
.contactSec .socialBoxs .socialCard .noise {
  background: url("../img/Shapes/noise.png");
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
  border-radius: 16px;
  z-index: 2;
}
.contactSec .contactRow .telBox {
  background: linear-gradient(97deg, #31a8df 19.59%, #7ccef3 100%);
  box-shadow: 0px 8px 0px 0px #2f8ce4;
  margin-bottom: 20px;
}
.contactSec .contactRow .instaBox {
  background: linear-gradient(97deg, #f31596 19.59%, #f690cb 100%);
  box-shadow: 0px 8px 0px 0px #d51886;
}
.contactSec .socialBoxs .socialCard .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 25px 60px 25px 30px;
}
.contactSec .telBox .content .right img {
  width: 125px;
  height: auto;
}
.contactSec .instaBox .content .right img {
  width: 195px;
  height: auto;
}
.contactSec .socialCard .content .left div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  color: var(--white);
}
.contactSec .socialCard .content .left div span {
  font-size: 20px;
}
.contactSec .socialCard .content .left a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: max-content;
  height: 47px;
  padding: 20px;
  color: var(--white);
  border-radius: 18px;
  background: var(--green-500);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
  margin: 15px auto 0 auto;
}
.contactSec .socialCard .content .left a span {
  font-size: 18px;
}
.contactSec .socialCard .content .left a p,
.contactSec .socialCard .content .left div p {
  font-family: "IRANYekanBold";
  font-size: 14px;
  text-align: left;
}
.contactSec .socialCard .content .left div p {
  margin-top: -3px;
}
.contactSec .socialCard .content .left a:hover {
  background: var(--green-300);
}
.contactSec .contactLst {
  width: 35%;
}
.contactSec .contactLst li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 24px 32px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 21px;
}
.contactSec .contactLst li:last-child {
  margin-bottom: 0;
}
.contactSec .contactLst .icn {
  width: 71px;
  min-width: 71px;
  height: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--bg);
}
.contactSec .contactLst .icn span {
  font-size: 26px;
  color: var(--green-500);
}
.contactSec .contactLst .txt {
  text-align: right;
}
.contactSec .contactLst .txt p {
  color: var(--typo-500);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  margin-top: 8px;
}
.contactSec .contactLst .txt strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}

/*=================about-page-top=================*/
.abutTopSec {
  margin: 30px 0;
}
.abutTopSec .abutTopRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.abutTopSec .abutTopRght {
  width: calc(100% - 457px);
  padding-left: 40px;
}
.abutTopSec .abutTopRght ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.abutTopSec .abutTopRght ul li {
  width: 48%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: -3px 10px 50px 0px rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(10px);
}
.abutTopSec .abutTopRght ul .icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid rgba(186, 238, 201, 0.5);
  background: var(--green-50);
}
.abutTopSec .abutTopRght ul .icon span {
  font-size: 24px;
  color: var(--green-500);
}
.abutTopSec .abutTopRght ul .text p {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 11px;
  margin-top: 3px;
}
.abutTopSec .abutTopRght ul .counter_box {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.abutTopSec .abutTopTxt {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.abutTopSec .abutTopImg {
  width: 457px;
  height: 457px;
  border-radius: 50%;
}
.abutTopSec .abutTopImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

/*=================online-training-sec=================*/
.onlineSec {
  margin: 25px 0;
}
.onlineSec .onlinSecTxt {
  width: 100%;
  max-width: 700px;
  color: var(--typo-500);
  text-align: center;
  font-size: 14px;
  margin: 1px auto 40px auto;
}
.onlineSec .onlinSecLst {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.onlineSec .onlinSecLst .onlinSecCrd {
  width: 243px;
  text-align: center;
  border-radius: 30px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 48px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.onlineSec .onlinSecCrd div {
  border-radius: 50%;
  background: var(--bg);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.onlineSec .onlinSecCrd div img {
  width: 32px;
  height: 32px;
}
.onlineSec .onlinSecCrd strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.onlineSec .onlinSecCrd p {
  color: var(--typo-500);
  font-size: 12.5px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*=================training-sec=================*/
.trainingSec {
  margin: 25px 0;
}
.trainingSec .trainingRow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.trainingSec .trainingVid {
  width: 414px;
  min-width: 414px;
  height: 290px;
  border-radius: 18px;
}
.trainingSec .trainingVid .video-js {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.trainingSec .trainingVid .video-js .vjs-tech {
  border-radius: 18px;
}
.trainingSec .trainingVid .vjs-poster {
  border-radius: 18px;
  background-size: cover;
}
.trainingSec .trainingVid .video-js .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
}
.trainingSec
  .trainingVid
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.trainingSec .trainingVid .vjs-has-started .vjs-control-bar {
  border-radius: 0 0 12px 12px;
}
.trainingSec .trainingTxt {
  padding-right: 20px;
}
.trainingSec .trainingTxt p {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.trainingSec .trainingImg {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 35px 0;
}
.trainingSec .trainingImg .imgItem {
  width: 309px;
  height: 207px;
  border-radius: 18px;
}
.trainingSec .trainingImg img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
}

/*=================virtual-edu-sec=================*/
.virtlEduSec {
  margin: 25px 0;
}
.virtlEduSec .virtlEduTxt {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}
.virtlEduSec .virtlEduLst {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.virtlEduSec .virtlEduLst li {
  width: 418px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.virtlEduSec .virtlEduLst li div {
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--bg);
  padding: 20px;
}
.virtlEduSec .virtlEduLst li img {
  width: 28px;
  height: auto;
}
.virtlEduSec .virtlEduLst li p {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}

/*=================Conference-sec=================*/
.confrnceSec {
  margin: 40px 0;
}
.confrnceSec .confrnceTxt {
  color: var(--typo-500);
  text-align: center;
  font-size: 14px;
}
.confrnceSec .confrnceImg {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  margin: 45px auto;
}
.confrnceSec .confrnceImg .right,
.confrnceSec .confrnceImg .left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.confrnceSec .confrnceImg .right {
  justify-content: flex-end;
  align-items: flex-end;
}
.confrnceSec .confrnceImg .left {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
}
.confrnceSec .confrnceImg .big,
.confrnceSec .confrnceImg .small {
  border-radius: 18px;
}
.confrnceSec .confrnceImg .big {
  width: 528px;
  height: 352px;
}
.confrnceSec .confrnceImg .small {
  width: 368px;
  height: 245px;
}
.confrnceSec .confrnceImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
}

/*=================about-comment-sec=================*/
.abutCmntSec {
  margin: 45px 0;
}
.abutCmntSec .swprCmntCrd {
  width: 420px;
  padding: 40px 30px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin: 10px;
}
.abutCmntSec .cmntSwiper {
  position: relative;
  padding-bottom: 40px;
}
.abutCmntSec .cmntSwiper .cmntCrdTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 15px;
}
.abutCmntSec .cmntCrdTop .cmntCrdUsr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.abutCmntSec .cmntCrdTop .cmntCrdUsr img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.abutCmntSec .cmntCrdTop .cmntCrdUsr h3 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.abutCmntSec .cmntCrdTop .cmntCrdUsr p {
  color: var(--typo-400);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.abutCmntSec .cmntSwiper .cmntCrdTxt {
  color: var(--typo-400);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.abutCmntSec .cmntSwiper .swiper-slide {
  width: max-content;
}
.abutCmntSec .cmntSwiper .swiperBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.abutCmntSec .cmntSwiper .prev,
.abutCmntSec .cmntSwiper .next {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  box-shadow: 1px 2px 4px 0px rgba(93, 95, 109, 0.02),
    2px 6px 15px 0px rgba(93, 95, 109, 0.09);
}
.abutCmntSec .cmntSwiper .prev:hover,
.abutCmntSec .cmntSwiper .next:hover {
  background: var(--green-500);
  color: var(--white);
}
.abutCmntSec .cmntSwiper .swiper-pagination {
  position: static;
  width: max-content;
}
.abutCmntSec .cmntSwiper .swiper-pagination-bullet {
  background: var(--typo-200);
  width: 6px;
  height: 6px;
  opacity: 1;
  margin: 0 6px;
}
.abutCmntSec .cmntSwiper .swiper-pagination-bullet-active {
  background: var(--typo-500);
}

/*==================about-gallery===================*/
.abotGlrySec {
  margin: 25px 0;
}
.aboutPgHed {
  margin-bottom: 25px;
}
.aboutPgHed.center {
  text-align: center;
}
.aboutPgHed.right {
  text-align: right;
}
.aboutPgHed span {
  color: var(--green-500);
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-bottom: 8px;
}
.aboutPgHed h2 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 22px;
}
.abotGlrySec .abotGlryBox .glryRow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.abotGlrySec .abotGlryBox .glryCard {
  width: 309px;
  height: 207px;
  border-radius: 18px;
  display: block;
}
.abotGlrySec .abotGlryBox .glryCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
}
.abotGlrySec .abotGlryBox .glryCard:hover {
  transform: translateY(-2px);
}

/*================terms-and-conditions===============*/
.termPgHed {
  height: 214px;
}
.termPgHed .boxBg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.termPgHed .termPgHedBx {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding-top: 50px;
}
.termPgHed .termPgHedBx div {
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--white);
}
.termPgHed .termPgHedBx div img {
  width: 32px;
  height: auto;
}
.termPgHed .termPgHedBx h1 {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 22.5px;
}

.termsSec {
  margin-bottom: 60px;
}
.termsSec .termsBox {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
}

.faqsSec {
  margin-bottom: 40px;
}
.faqsSec .faqsSecBx {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.faqsSec .faqFltrBx {
  width: 100%;
  height: 78px;
  border-radius: 18px;
  background: var(--white);
  padding: 4px 12px;
  overflow: hidden;
}
.faqsSec .faqFltrBx .faqFltrLst {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 4px;
  overflow: auto;
}
.faqsSec .faqFltrBx .faqFltrLst::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.faqsSec .faqFltrLst .form-check,
.faqsSec .faqFltrLst li {
  width: max-content;
  height: 50px;
  padding: 0;
  margin: 4px;
  border-radius: 16px;
}
.faqsSec .faqFltrLst input,
.faqsSec .faqFltrLst label {
  left: 0;
  top: 0;
  height: 100%;
}
.faqsSec .faqFltrLst input {
  z-index: 2;
  opacity: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
.faqsSec .faqFltrLst label,
.faqsSec .faqFltrLst a {
  min-width: max-content;
  color: var(--typo-400);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  border-radius: 16px;
  background: var(--white);
  padding: 16px 42px;
  line-height: 1;
}
.faqsSec .faqFltrLst a {
  display: flex;
  align-items: center;
  height: 100%;
}
.faqsSec .faqFltrLst input:checked ~ label,
.faqsSec .faqFltrLst input:hover ~ label,
.faqsSec .faqFltrLst a:hover,
.faqsSec .faqFltrLst a.active {
  color: var(--typo-900);
}
.faqsSec .faqFltrLst .form-check:has(input:checked),
.faqsSec .faqFltrLst li:has(a.active) {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.02),
    0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.faqsSec .faqAcordion {
  margin: 25px 0 35px 0;
}
.faqsSec .faqAcordion .accordion-flush .accordion-item {
  margin-bottom: 10px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 18px 24px;
}
.faqsSec .faqAcordion .accordion-button {
  padding: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.faqsSec .faqAcordion .accordion-button::after {
  margin: 2px auto 0 0;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
.faqsSec .faqAcordion .accordion-body {
  padding: 24px 0 0 0;
  color: var(--typo-500);
  text-align: right;
  font-size: 12.5px;
}
.faqsSec .faqVideos {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.faqsSec .faqVideos .faqVidCard {
  width: 255px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  padding: 40px 32px 32px 32px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.faqsSec .faqVidCard .q_icon {
  width: 62px;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 500px;
  background: var(--bg);
}
.faqsSec .faqVidCard .q_icon span {
  font-size: 28px;
  color: var(--green-500);
}
.faqsSec .faqVidCard p {
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.faqsSec .faqVidCard .vidLink {
  color: var(--green-500);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.faqsSec .faqVidCard .vidLink:hover {
  color: var(--green-800);
}

/*==================apademy-modal=================*/
.apademyMdl .modal-content {
  width: 100%;
  max-width: 409px;
  padding: 24px 30px;
}
.apademyMdl .modal-content {
  width: 100%;
  max-width: 500px;
  padding: 24px 30px;
}
.apademyMdl .modal-header {
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.apademyMdl .modal-title {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.apademyMdl .modal-header .btn-close {
  margin: 0 auto 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
.apademyMdl .modal-body {
  padding: 0;
}
.apademyMdl .addCmntFrm .inptBx,
.apademyMdl .addCmntFrm textarea {
  width: 100%;
  border-radius: 18px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
}
.apademyMdl .addCmntFrm textarea {
  padding: 15px;
}
.apademyMdl .addCmntFrm .inptBx {
  height: 52px;
}
.apademyMdl .addCmntFrm textarea:focus,
.apademyMdl .addCmntFrm .inptBx:focus {
  border-color: var(--green-500);
}
.apademyMdl .addCmntFrm .inputLbl {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  padding-right: 8px;
}
.apademyMdl .addCmntBtns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.apademyMdl .addCmntBtns button {
  height: 50px;
  border-radius: 16px;
  border: none;
}
.apademyMdl .addCmntBtns .btn {
  padding: 1px 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apademyMdl .addCmntBtns .submitBtn {
  background: var(--green-500);
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.apademyMdl .addCmntBtns .submitBtn .btnCntnt {
  padding: 1px 28px;
}
.apademyMdl .addCmntBtns .submitBtn .btnCvr {
  border-radius: 16px;
}
.apademyMdl .addCmntBtns .cancelBtn {
  background: var(--typo-100);
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.apademyMdl .addCmntBtns .cancelBtn:hover {
  color: var(--white);
  background: var(--green-400);
}
.exitModal .exitMdlFrm .addCmntBtns {
  justify-content: flex-start;
  gap: 10px;
}
.exitModal .exitMdlFrm .text {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin: 30px 0;
}
.exitModal .exitMdlFrm .submitBtn {
  background: #fe4a2b;
}
.exitModal .depositBtn {
  width: 100%;
}
.apademyMdl .videoMdlBdy .mdlVidBox {
  width: 100%;
  height: 300px;
}
.apademyMdl .mdlVidBox .video-js {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.apademyMdl .mdlVidBox .video-js .vjs-tech {
  border-radius: 16px;
}
.apademyMdl .mdlVidBox .vjs-poster {
  border-radius: 16px;
  background-size: cover;
}
.apademyMdl .mdlVidBox .video-js .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  margin-top: 0;
}
.apademyMdl
  .mdlVidBox
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.apademyMdl .mdlVidBox .vjs-has-started .vjs-control-bar {
  border-radius: 0 0 12px 12px;
}

.addToCrtBx .adCrtMdlIcn {
  width: 109px;
  height: 109px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-50);
  color: var(--green-500);
  font-size: 40px;
  margin: 0 auto;
}
.addToCrtBx .adCrtMdlTxt {
  color: var(--typo-600);
  text-align: center;
  margin: 12px auto 32px auto;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.addToCrtBx .addCrtMdlBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.addToCrtBx .addCrtMdlBtn button,
.addToCrtBx .addCrtMdlBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  width: 50%;
  height: 46px;
  line-height: 1;
  border: 1px solid var(--green-500);
  border-radius: 18px;
}
.addToCrtBx .addCrtMdlBtn button {
  color: var(--green-500);
}
.addToCrtBx .addCrtMdlBtn a {
  color: var(--white);
  background: var(--green-500);
}
.addToCrtBx .addCrtMdlBtn a .btnCvr {
  border-radius: 18px;
}
.addToCrtBx .addCrtMdlBtn button:hover {
  opacity: 0.7;
}

/*==================footer-banner=================*/
.footrBnrSec {
  margin-top: 80px;
}
.footrBnrSec .ftrBanner {
  display: block;
  position: relative;
  margin-bottom: -15px;
  width: 100%;
  height: 99px;
  border-radius: 30px;
}
.footrBnrSec .ftrBanner img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
/*==================footer=================*/
footer {
  border-top: 1px solid var(--white-300);
  background: var(--white);
  margin-top: 100px;
}
footer.havBanner {
  margin-top: 0;
}
.foterSec .foterTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  border-radius: 30px;
  background: var(--white-100);
  padding: 36px 24px;
  margin: 32px auto;
}
.foterSec .foterTop a {
  width: 130px;
  min-width: 130px;
  height: auto;
  display: block;
}
.foterSec .foterTop a img {
  width: 100%;
  height: auto;
}
.foterSec .foterTop p {
  color: var(--typo-500);
  text-align: justify;
  font-size: 14px;
}
.foterSec .ftrRowOne {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.foterSec .ftrRowOne .foterCol strong {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
}
.foterSec .ftrRowOne .foterLinks a {
  display: block;
  min-width: max-content;
  margin-bottom: 15px;
  color: var(--typo-500);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.foterSec .ftrRowOne .foterLinks a:hover {
  color: var(--green-600);
}
.foterSec .ftrRowOne .ftrCntct div {
  width: 100%;
  max-width: 330px;
  color: var(--typo-500);
  text-align: right;
  font-size: 12.5px;
  font-family: "IRANYekanMedium";
  margin-bottom: 24px;
}
.foterSec .ftrRowOne .ftrCntct li {
  color: var(--typo-500);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 15px;
}
.foterSec .ftrRowOne .ftrCntct li span {
  font-size: 20px;
}
.foterSec .ftrRowOne .ftrCntct li p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.foterSec .ftrRowOne .ftrNamad {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 15px;
}
.foterSec .ftrRowOne .ftrNamad a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 105px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid var(--white-400);
  display: flex;
  align-items: center;
  justify-content: center;
}
.foterSec .ftrRowOne .ftrNamad a img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}
.foterSec .ftrRowOne .ftrNamad a:hover {
  border-color: var(--green-600);
}
.foterSec .ftrRowTwo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin: 35px 0;
}
.foterSec .ftrRowTwo p {
  color: var(--typo-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.foterSec .ftrSocial {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.foterSec .ftrSocial ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.foterSec .ftrSocial ul li a {
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--white-200);
  color: var(--typo-500);
}
.foterSec .ftrSocial ul a span {
  font-size: 24px;
}
.foterSec .ftrSocial ul a:hover {
  background: var(--green-600);
  color: var(--white);
}
.foterSec .ftrSocial div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.foterSec .ftrSocial div a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 132px;
  height: 47px;
  padding: 20px;
  border-radius: 16px;
  background: var(--white);
}
.foterSec .ftrSocial div a i {
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.foterSec .ftrSocial div a.instagram {
  border: 1px solid #f31596;
  color: #f31596;
}
.foterSec .ftrSocial div a.instagram span {
  font-size: 22px;
}
.foterSec .ftrSocial div a.instagram:hover {
  background: #f31596;
  color: var(--white);
}
.foterSec .ftrSocial div a.telegram {
  border: 1.242px solid #31a8df;
  color: #31a8df;
}
.foterSec .ftrSocial div a.telegram span {
  font-size: 24px;
}
.foterSec .ftrSocial div a.telegram:hover {
  background: #31a8df;
  color: var(--white);
}
.foterSec .foterBtm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 25px 0;
  color: var(--typo-500);
  text-align: right;
  border-top: 1px solid var(--white-300);
}
.foterSec .foterBtm p {
  font-size: 12.5px;
}
.foterSec .foterBtm span {
  font-size: 18px;
}
.foterSec .foterBtm a {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
}
.foterSec .foterBtm a:hover {
  color: var(--green-600);
}

/*==================login=================*/
.loginPage {
  min-height: 95vh;
}
.loginPage .loginBox {
  width: 100%;
  max-width: 430px;
  padding: 40px;
  margin: 45px auto;
  border-radius: 30px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.loginPage .loginBox .loginLogo {
  width: 118px;
  height: auto;
  margin: 0 auto 35px auto;
}
.loginPage .loginBox .loginLogo img {
  width: 100%;
  height: auto;
}
.loginPage .loginBox .loginTopMnu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 66px;
  background: var(--typo-50);
  margin-bottom: 35px;
  border-radius: 18px;
}
.loginPage .loginBox .loginTopMnu a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: var(--typo-500);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  border-top: 4px solid var(--typo-50);
}
.loginPage .loginBox .loginTopMnu a.logLink {
  border-radius: 0 18px 18px 0;
}
.loginPage .loginBox .loginTopMnu a.regLink {
  border-radius: 18px 0 0 18px;
}
.loginPage .loginBox .loginTopMnu a.active {
  border-color: var(--green-500);
  background: var(--green-50);
  color: var(--green-500);
}
.loginPage .loginBox .loginPgHed {
  text-align: center;
  margin-bottom: 35px;
}
.loginPage .loginBox .loginPgHed h1 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  margin-bottom: 12px;
}
.loginPage .loginBox .loginPgHed p {
  color: var(--typo-500);
  text-align: center;
  font-size: 14px;
}
.loginPage .loginBox .loginPgHed p strong {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.loginPage .loginBox form {
  direction: ltr;
  text-align: right;
}
.loginPage .loginBox .input-group {
  width: 100%;
  height: 52px;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
  margin-bottom: 20px;
}
.loginPage .loginBox .input-group.lastInput {
  margin-bottom: 6px;
}
.loginPage .loginBox .input-group input {
  background-color: transparent;
  height: 100%;
  border: none;
  color: var(--typo-900);
  text-align: right;
  font-size: 12.5px;
  border-radius: 0 16px 16px 0;
}
.loginPage .loginBox .input-group .input-group-text {
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 16px 0 0 16px;
  font-size: 20px;
  color: var(--typo-300);
}
.loginPage .loginBox .input-group:has(input:focus) {
  border-color: var(--green-500);
}
.loginPage .loginBox .form-control.is-invalid,
.loginPage .loginBox .was-validated .form-control:invalid {
  border: none;
}
.loginPage .loginBox .input-group:has(.form-control.is-invalid),
.loginPage .loginBox .was-validated .input-group:has(.form-control:invalid) {
  border-color: #fe4a2b;
  margin-bottom: 28px;
}
.loginPage .loginBox .invalid-feedback {
  color: #fe4a2b;
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 11px;
  padding-right: 8px;
}

.loginPage .loginBox .lginFrgtPass {
  color: var(--green-600);
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  margin-bottom: 35px;
}
.loginPage .loginBox .lginFrgtPass:hover {
  color: var(--green-800);
}
.loginPage .loginBox .sendedCode {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: column;
  text-align: center;
}
.loginPage .loginBox .sendedCode span {
  color: var(--typo-500);
  font-size: 14px;
}
.loginPage .loginBox .sendedCode p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 22.5px;
}
.loginPage .loginBox .loginSocial {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 35px;
}
.loginPage .loginBox .loginSocial a {
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--typo-50);
  font-size: 22px;
  color: var(--typo-400);
}
.loginPage .loginBox .loginSocial a:hover {
  color: var(--green-500);
}
.loginPage .loginBox .verifyCod {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  direction: ltr;
  margin-bottom: 35px;
}
.loginPage .loginBox .verifyCod input {
  width: 20%;
  height: 52px;
  padding: 11px 16px;
  text-align: center;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
  color: var(--black-500);
  font-family: "IRANYekanBold";
  font-size: 20px;
}
.loginPage .loginBox .verifyCod input:focus {
  border-color: var(--green-500);
}

.loginPage .loginBox .resendTime {
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: rtl;
  margin: 35px 0 12px 0;
}
.loginPage .loginBox .resendTime button {
  color: var(--green-500);
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.loginPage .loginBox .resendTime button:disabled {
  color: var(--typo-300);
}
.loginPage .loginBox .resendTime .time {
  color: var(--typo-500);
  font-size: 14px;
}
.loginPage .loginBox .submitBtn {
  width: 100%;
  height: 58px;
  border-radius: 16px;
  background: var(--green-500);
}
.loginPage .loginBox .submitBtn .btnCvr {
  border-radius: 16px;
}
.loginPage .loginBox .submitBtn .btnCntnt {
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  padding: 14px 28px;
}
.loginPage .loginBox .backBtn {
  width: 100%;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--green-500);
  color: var(--green-500);
  font-family: "IRANYekanBold";
  font-size: 14px;
  margin-top: 12px;
}
.loginPage .loginBox .backBtn:hover {
  opacity: 0.7;
}
.loginPage .loginBox .loginTerms {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  color: var(--typo-500);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  direction: rtl;
  margin-top: 6px;
}
.loginPage .loginBox .loginTerms a {
  color: var(--green-600);
  margin: 0 2px;
}
.loginPage .loginBox .loginTerms a:hover {
  color: var(--green-400);
}
.loginPage .loginBox .orBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 24px 0;
}
.loginPage .loginBox .orBox p {
  color: var(--typo-300);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
}
.loginPage .loginBox .orBox span {
  width: 119px;
  height: 1px;
  background-color: var(--white-300);
}
.loginPage .logWithGogl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 58px;
  border-radius: 16px;
  border: 1px solid var(--typo-200);
  direction: rtl;
}
.loginPage .logWithGogl p {
  color: var(--typo-700);
  font-family: "IRANYekanBold";
  font-size: 12.5px;
}
.loginPage .logWithGogl img {
  width: 24px;
  height: auto;
}
.loginPage .logWithGogl:hover {
  border-color: var(--green-500);
}

.loginFoter .lginFtrMnu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 40px;
  margin-bottom: 20px;
}
.loginFoter .lginFtrMnu a {
  color: var(--typo-500);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.loginFoter .lginFtrMnu a:hover {
  color: var(--green-500);
}
.loginFoter .lginFtrBtm {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  border-top: 1px solid var(--white-300);
  padding: 20px 0;
}
.loginFoter .lginFtrBtm span {
  color: var(--typo-500);
  font-size: 18px;
}
.loginFoter .lginFtrBtm p {
  color: var(--typo-500);
  text-align: right;
  font-size: 12.5px;
}
.loginFoter .lginFtrBtm p a {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 12.5px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.loginFoter .lginFtrBtm p a:hover {
  color: var(--green-500);
}

.softwareSec {
  margin: 35px 0 15px 0;
}
.softwareSec .softwareLst {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.softwareSec .softwareLst .softwareCrd {
  width: 309px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 28px;
  padding: 32px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.softwareSec .softwareCrd .title img {
  width: 96px;
  height: auto;
  display: block;
  margin: 0 auto 16px auto;
}
.softwareSec .softwareCrd .title h2 {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
}
.softwareSec .softwareCrd .version li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
}
.softwareSec .softwareCrd .version li:last-child {
  margin-bottom: 0;
}
.softwareSec .softwareCrd .version p,
.softwareSec .softwareCrd .version strong {
  font-size: 12.5px;
  color: var(--typo-600);
  text-align: center;
  width: 100%;
  max-width: max-content;
}
.softwareSec .softwareCrd .version p {
  font-family: "IRANYekanMedium";
}
.softwareSec .softwareCrd .version strong {
  font-family: "IRANYekanBold";
}
.softwareSec .softwareLst .softwareCrd:hover {
  transform: translateY(-2px);
}

/*==================appSec=================*/
.appSec {
  margin: 35px 0;
}
.appSec .appPageBox {
  margin: 0 auto;
  width: 100%;
  max-width: 1080px;
}
.appSec .appPageHed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
  margin-bottom: 25px;
}
.appSec .appPageHed img {
  width: 72px;
  height: auto;
}
.appSec .appPageHed h1 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.appSec .appPageHed ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.appSec .appPageHed li {
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.appSec .appPageHed p,
.appSec .appPageHed strong {
  font-size: 12.5px;
  color: var(--typo-600);
  text-align: center;
  width: 100%;
  max-width: max-content;
}
.appSec .appPageHed p {
  font-family: "IRANYekanMedium";
}
.appSec .appPageHed strong {
  font-family: "IRANYekanBold";
}
.appSec .appPageRow {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 10px auto 20px auto;
}
.appSec .appPgTitle {
  color: var(--green-500);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  margin-bottom: 20px;
}
.appSec .appPgMain {
  padding-left: 20px;
}
.appSec .appPgMain .introApp {
  border-radius: 16px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 30px;
  margin-bottom: 12px;
}
.appSec .introApp .introAppImg {
  width: 100%;
  height: 212px;
  border-radius: 16px;
}
.appSec .introApp .introAppImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
.appSec .introApp .introAppTxt {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin: 32px 0;
}
.appSec .introApp .introAppLst {
  text-align: right;
  margin-bottom: 25px;
}
.appSec .introApp .introAppLst h2 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.appSec .introApp .introAppLst li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 8px;
}
.appSec .introApp .introAppLst li span {
  font-size: 20px;
  color: var(--green-500);
}
.appSec .introApp .introAppLst li p {
  color: var(--typo-500);
  font-size: 14px;
}
.appSec .introApp .introAppGlry {
  margin-bottom: 32px;
}
.appSec .introApp .introAppGlry h2 {
  color: var(--typo-900);
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 15.75px;
  margin-bottom: 12px;
}
.appSec .introAppGlry .appGallry {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.appSec .introAppGlry .appGallry a {
  display: block;
  width: 131px;
  height: 64px;
}
.appSec .introAppGlry .appGallry img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.appSec .introApp .introAppGlry a:hover {
  transform: translateY(-2px);
}
.appSec .introApp .appdwnldLnk a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  color: var(--white);
  border-radius: 16px;
  background: var(--green-500);
  padding: 20px;
  gap: 25px;
}
.appSec .introApp .appdwnldLnk a div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.appSec .introApp .appdwnldLnk a span {
  font-size: 24px;
}
.appSec .introApp .appdwnldLnk a p {
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 14px;
}
.appSec .introApp .appdwnldLnk a i {
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  display: block;
  line-height: 1;
  min-width: max-content;
}
.appSec .introApp .appdwnldLnk a:hover {
  opacity: 0.8;
}

.appSec .appPgMain .installGuide {
  border-radius: 30px;
  background: var(--white);
  padding: 32px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
}
.appSec .installGuide ul {
  list-style: decimal;
  margin-bottom: 24px;
  padding-right: 10px;
}
.appSec .installGuide ul li {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin-bottom: 5px;
}
.appSec .installGuide .guideVidBx {
  width: 225px;
  height: 140px;
  border-radius: 18px;
  overflow: hidden;
}
.appSec .installGuide .guideVidBx .video-js {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.appSec .installGuide .guideVidBx .vjs-poster {
  background-size: cover;
  border-radius: 18px;
}
.appSec .installGuide .video-js .vjs-big-play-button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
}
.appSec
  .installGuide
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  content: "\eafa";
  font-family: "icomoon";
  font-size: 52px;
}
.appSec .installGuide .guideVideo h3 {
  width: 225px;
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 14px;
  margin-top: 16px;
}
.appSec .appPgMain .requiredSys {
  border-radius: 30px;
  background: var(--white);
  padding: 32px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
}
.appSec .appPgMain .requiredSys p {
  color: var(--typo-500);
  text-align: right;
  font-size: 14px;
  margin-bottom: 5px;
}
.appSec .appPgSide {
  width: 310px;
  min-width: 310px;
  border-radius: 16px;
  background: var(--white);
  padding: 18px 14px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  position: sticky;
  left: 0;
  top: 96px;
}
.appSec .appPgSide a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  padding: 12px;
  color: var(--typo-500);
}
.appSec .appPgSide a span {
  font-size: 20px;
}
.appSec .appPgSide a p {
  text-align: right;
  font-family: "IRANYekanBold";
  font-size: 14px;
  line-height: 1;
}
.appSec .appPgSide a:hover {
  color: var(--green-500);
}

/*==================workshop=================*/
.wrkShopSec {
  margin: 35px 0;
}
.wrkShopSec .wrkShopRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.wrkShopSec .wrkShopRow .wrkShopInfo {
  width: calc(100% - 365px);
  border-radius: 18px;
  background: var(--white);
  padding: 40px 30px;
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  text-align: right;
}
.wrkShopSec .wrkShopInfo h1 {
  color: var(--green-500);
  font-size: 22.5px;
  font-family: "IRANYekanBold";
  line-height: normal;
  margin-bottom: 48px;
}
.wrkShopSec .wrkShopInfo h2 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  margin-bottom: 24px;
}
.wrkShopSec .wrkShopInfo li,
.wrkShopSec .wrkShopInfo p {
  color: var(--typo-500);
  font-size: 14px;
}
.wrkShopSec .wrkShopInfo li {
  margin-bottom: 10px;
}
.wrkShopSec .wrkShopRow .sideForm {
  width: 345px;
  border-radius: 18px;
  padding: 12px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.wrkShopSec .wrkShopRow .sideForm img {
  width: 100%;
  max-width: 321px;
  height: 187px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  margin: 0 auto 19px auto;
  display: block;
}
.wrkShopSec .sideForm .sideFrmBdy {
  padding: 20px 12px;
}
.wrkShopSec .sideForm .sideFrmTtl {
  text-align: right;
  margin-bottom: 31px;
}
.wrkShopSec .sideFrmTtl h2 {
  margin-bottom: 12px;
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 15.75px;
}
.wrkShopSec .sideFrmTtl p {
  color: var(--typo-500);
  font-size: 14px;
}
.wrkShopSec .sideForm form {
  direction: ltr;
}
.wrkShopSec .sideForm .input-group {
  width: 100%;
  height: 52px;
  border-radius: 16px;
  border: 1.5px solid var(--typo-100);
  background: var(--typo-50);
  margin-bottom: 12px;
}
.wrkShopSec .sideForm .input-group:has(input:focus) {
  border-color: var(--green-500);
}
.wrkShopSec .sideForm .input-group:has(.form-control.is-invalid),
.wrkShopSec .sideForm .was-validated .input-group:has(.form-control:invalid) {
  border-color: #fe4a2b;
  margin-bottom: 28px;
}
.wrkShopSec .sideForm input {
  background-color: transparent;
  height: 100%;
  border: none;
  color: var(--typo-900);
  text-align: right;
  font-size: 12.5px;
  border-radius: 0 16px 16px 0;
}
.wrkShopSec .sideForm .input-group-text {
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 16px 0 0 16px;
  font-size: 20px;
  color: var(--typo-300);
}
.wrkShopSec .sideForm .invalid-feedback {
  color: #fe4a2b;
  text-align: right;
  font-family: "IRANYekanMedium";
  font-size: 11px;
  padding-right: 8px;
}
.wrkShopSec .sideForm button {
  width: 100%;
  height: 52px;
  border: none;
  margin-top: 19px;
  background: var(--green-500);
  border-radius: 16px;
  color: var(--white);
}
.wrkShopSec .sideForm button:disabled {
  background: var(--typo-200);
  color: var(--typo-300);
  border: none;
  opacity: 1;
}
.wrkShopSec .sideForm button .btnCntnt {
  font-family: "IRANYekanBold";
  font-size: 14px;
}
.wrkShopSec .sideForm button .btnCvr {
  border-radius: 16px;
}

/*==================invoiceSec=================*/
.invoiceSec {
  margin: 30px 0;
  width: 100%;
  height: auto;
  min-height: 100vh;
}
.invoiceSec .invoiceBox {
  width: 100%;
  max-width: 911px;
  margin: 0 auto;
  border-radius: 30px;
  padding: 40px;
  background: var(--white);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.invoiceSec .invoiceBox .invoiceHed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 30px;
  border-radius: 28px;
  border: 1px solid var(--white-500);
  text-align: right;
}
.invoiceSec .invoiceHed h1 {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 22.5px;
  margin-bottom: 16px;
}
.invoiceSec .invoiceHed p {
  color: var(--typo-900);
  font-family: "IRANYekanMedium";
  font-size: 14px;
  margin-bottom: 16px;
}
.invoiceSec .invoiceHed p:last-child {
  margin-bottom: 0;
}
.invoiceSec .invoiceHed img {
  width: 117px;
  height: auto;
}
.invoiceSec .invoiceBox .invoiceTitl {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 17.5px;
  margin: 50px auto;
}
.invoiceSec .invoiceBox .invoicUser {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 30px;
  flex-wrap: wrap;
}
.invoiceSec .invoicUser li {
  width: 48%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-family: "IRANYekanMedium";
}
.invoiceSec .invoicUser li span {
  color: var(--typo-400);
  font-size: 14px;
  width: 42%;
  padding-left: 15px;
}
.invoiceSec .invoicUser li p {
  color: var(--typo-900);
  font-size: 14px;
  width: 58%;
  min-width: max-content;
}
.invoiceSec .invoiceBox .invoiceTbl {
  margin: 50px 0;
}
.invoiceSec .invoiceBox .invoiceTbl th {
  color: var(--typo-900);
  text-align: center;
  font-family: "IRANYekanBold";
  font-size: 14px;
  background: var(--typo-100);
  padding: 15px 10px;
}
.invoiceSec .invoiceTbl th:first-child {
  text-align: right;
  border-radius: 0 8px 8px 0;
}
.invoiceSec .invoiceTbl th:last-child {
  border-radius: 8px 0 0 8px;
}
.invoiceSec .invoiceTbl tbody tr:nth-of-type(2n) td {
  background: var(--green-50);
}
.invoiceSec .invoiceTbl td {
  vertical-align: middle;
  text-align: center;
  padding: 13px 12px;
  color: var(--typo-600);
  font-family: "IRANYekanMedium";
  font-size: 12.5px;
  min-width: 120px;
}
.invoiceSec .invoiceTbl td:first-child {
  text-align: right;
  border-radius: 0 8px 8px 0;
  min-width: 130px;
}
.invoiceSec .invoiceTbl td:last-child {
  border-radius: 8px 0 0 8px;
}
.invoiceSec .invoiceBox .invoicPrice {
  margin-bottom: 50px;
}
.invoiceSec .invoicPrice li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-family: "IRANYekanMedium";
  margin-bottom: 8px;
  width: 50%;
}
.invoiceSec .invoicPrice li span {
  color: var(--typo-400);
  text-align: right;
  font-size: 14px;
}
.invoiceSec .invoicPrice li p {
  padding-right: 20px;
  color: var(--typo-900);
  font-size: 14px;
}
.invoiceSec .invoiceBox .receiptBx {
  color: var(--typo-500);
  text-align: center;
  font-size: 12.5px;
  margin-top: 50px;
}

/*==================notFoundSec=================*/
.notFoundSec {
  width: 100%;
  height: auto;
  min-height: 100vh;
}
.notFoundSec img {
  width: 100%;
  max-width: 580px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.notFoundSec div {
  margin: 20px auto;
  text-align: center;
}
.notFoundSec p {
  color: var(--typo-500);
  font-family: "IRANYekanMedium";
  font-size: 15.75px;
}
.notFoundSec a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 147px;
  height: 50px;
  border-radius: 16px;
  border: 1px solid var(--green-500);
  color: var(--green-500);
  font-family: "IRANYekanMedium";
  font-size: 14px;
  margin: 25px auto;
}
.notFoundSec a:hover {
  opacity: 0.7;
}

/*==================floatingBox=================*/
.floatingBox {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 14;
  width: 100%;
  height: max-content;
  background: var(--white);
  padding: 15px;
  box-shadow: 1px -8px 10px rgba(0, 0, 0, 0.04);
}
.floatingBox .floatingRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.floatingBox button {
  height: 48px;
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  background: var(--green-500);
  font-size: 15px;
}
.floatingBox .btnCntnt {
  color: var(--white);
}
.floatingBox .coursPrice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content;
}
.floatingBox .coursPrice p {
  color: var(--typo-900);
  font-family: "IRANYekanBold";
  font-size: 17.5px;
}
.floatingBox .coursPrice span {
  color: var(--typo-300);
  font-size: 20px;
}
.floatingBox .priceBx .oldPrice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.floatingBox .priceBx .oldPrice del {
  color: var(--typo-400);
  font-family: "IRANYekanBold";
  font-size: 15.5px;
  text-align: right;
  width: 50%;
}
.floatingBox .priceBx .oldPrice .percent {
  padding: 1px 5px;
  color: var(--white);
  text-align: center;
  font-family: "IRANYekanMedium";
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 27px;
  border-radius: 12px;
  border: 1.5px solid var(--white);
  background: #ff4c71;
}

/*==================media=================*/
@media (min-width: 768px) and (max-width: 1399px) {
  .onlineSec .onlinSecLst {
    gap: 12px 10px;
  }
  .abotGlrySec .abotGlryBox .glryRow {
    gap: 15px;
  }
  .trainingSec .trainingImg {
    gap: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .collection li {
    gap: 20px;
  }
  .softwareSec .softwareLst .softwareCrd {
    width: 264px;
  }
  .contactSec .socialBoxs .socialCard .content {
    padding: 25px 40px 25px 30px;
  }
  .abutTopSec .abutTopImg {
    width: 400px;
    height: 400px;
  }
  .abutTopSec .abutTopRght {
    width: calc(100% - 400px);
  }
  .onlineSec .onlinSecLst .onlinSecCrd {
    width: 215px;
  }
  .trainingSec .trainingImg .imgItem {
    width: 267px;
  }
  .confrnceSec .confrnceImg .big {
    width: 508px;
    height: 332px;
  }
  .confrnceSec .confrnceImg .small {
    width: 348px;
    height: 225px;
  }
  .virtlEduSec .virtlEduLst li {
    width: 358px;
    padding: 20px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 298px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 267px;
  }
  .reltdPodRow {
    gap: 20px 10px;
  }
  .reltdPodRow .newPodCrd {
    width: 215px;
  }
  .newPodCrd .newPodImg {
    height: 215px;
  }
  .podDtailSec .podDetailBx .podPgSong {
    max-width: 500px;
  }
  .blogPgSec .blgPgVideo {
    height: 350px;
  }
  .reltdBlgSec .relatedBlg {
    gap: 15px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    width: 267px;
    height: 205px;
  }
  .topBlogSec .topBlogRow .rightBnr {
    height: 82px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    height: 210px;
  }
  .artclCatLst {
    gap: 10px 12px;
  }
  .artclCatLst .artclCatBx {
    width: 176px;
  }
  .productTab .courseGalry #lightgallery {
    gap: 12px 6px;
  }
  .productTab .courseGalry .glryCard {
    height: 125px;
  }
  .freeCoursSec .freeCoursMnu {
    width: 265px;
    min-width: 265px;
  }
  .freeCoursSec .freeCoursLst .courseCard {
    width: 265px;
  }
  .curseLstBx .courseCard {
    width: 271px;
  }
  .topSlidrSec .topSlidrBx .swiper {
    height: 350px;
  }
}
@media (min-width: 576px) and (max-width: 1230px) {
  .lastSwiper .swiperBtns .next {
    left: -10px;
  }
  .lastSwiper .swiperBtns .prev {
    right: -10px;
  }
}
@media (max-width: 1199px) {
  .collection li {
    padding: 20px;
    gap: 15px;
    margin-bottom: 15px;
  }
  .collection li .right {
    width: 180px;
    min-width: 180px;
  }
  .productTab .pTabHeader2 ul li,
  .productTab .pTabHeader ul li {
    height: 100%;
    min-width: auto;
  }
  .productTab .pTabHeader .pTablinks {
    width: max-content;
  }
  .podDtailSec .podDetailBx .podPgSong,
  .podDtailSec .podDetailBx .podPgTitle {
    max-width: unset;
  }
  .topBlogSec .topBlogRow {
    gap: 10px;
  }
  .topBlogSec .topBlogRow .left {
    gap: 10px;
  }
  .topBlogSec .topBlogRow .rightBnr {
    margin-bottom: 10px;
  }
  .artclCatLst {
    justify-content: center;
  }
  .productTab .courseGalry #lightgallery {
    gap: 10px 7px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .softwareSec .softwareLst {
    gap: 10px;
  }
  .faqsSec .faqFltrLst label,
  .faqsSec .faqFltrLst a {
    padding: 16px 20px;
  }
  .trainingSec .trainingImg .imgItem {
    width: 222px;
    height: 182px;
  }
  .reltdPodRow {
    gap: 20px 10px;
  }
  .blogPgSec .blgPgVideo {
    height: 300px;
  }
  .reltdBlgSec .relatedBlg {
    gap: 10px;
  }
  .artclCatLst {
    gap: 10px 12px;
  }
  .productTab .courseGalry .glryCard.bigGlryCrd,
  .productTab .courseGalry .glryCard.minGlryCrd {
    width: 24%;
    height: 130px;
  }
  .coursPgSec .cursPgSide .coursInfo li {
    width: 46%;
  }
  .coursPgSec .cursPgSide .coursInfo {
    gap: 22px 18px;
  }
  .plyerDownld .appLnkBox {
    overflow: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareSec .softwareLst .softwareCrd {
    width: 226px;
    padding: 20px 15px;
  }
  .contactSec .contactRow {
    padding: 0;
  }
  .contactSec .socialBoxs {
    width: 77%;
  }
  .contactSec .socialBoxs .socialCard .content {
    padding: 25px 30px 25px 30px;
  }
  .abutTopSec .abutTopImg {
    width: 350px;
    height: 350px;
  }
  .abutTopSec .abutTopRght {
    width: calc(100% - 350px);
  }
  .onlineSec .onlinSecLst .onlinSecCrd {
    width: 226px;
  }
  .confrnceSec .confrnceImg .big {
    width: 388px;
    height: 232px;
  }
  .confrnceSec .confrnceImg .small {
    width: 228px;
    height: 125px;
  }
  .virtlEduSec .virtlEduLst li {
    width: 298px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 302px;
  }
  .reltdPodRow .newPodCrd {
    width: 226px;
  }
  .newPodCrd .newPodImg {
    height: 226px;
  }
  .podDtailSec .podDetailBx .podPgSong {
    padding-right: 50px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    width: 305px;
  }
  .blogPgSec .blogPgRow .blgPgRight {
    margin-left: 20px;
  }
  .topBlogSec .topBlogRow .rightBnr {
    height: 68px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    width: 48.8%;
    height: 203px;
  }
  .plyerDownld .appLnkBox {
    flex-direction: column;
  }
  .productTab .courseGalry .glryCard.bigGlryCrd,
  .productTab .courseGalry .glryCard.minGlryCrd {
    width: 24%;
  }
  .productTab .pkgTopics .pkgTpicCrd {
    padding: 20px 15px;
  }
  .productTab .coursFeature li {
    padding: 26px;
  }
  .productTab .freeVideos .freeVidBox {
    height: 200px;
  }
  .freeCoursSec .freeCoursMnu {
    width: 285px;
    min-width: 285px;
  }
  .freeCoursSec .freeCoursLst .courseCard {
    width: 306px;
  }
  .curseLstBx .courseCard {
    width: 305px;
  }
  header .hdrMegaSub .hdrMegaCol a {
    font-size: 12px;
    margin-bottom: 10px;
  }
  header .hdrMegaSub .hdrMegaCol strong {
    font-size: 14px;
    margin-bottom: 15px;
  }
  header .hdrMegaSub .hdrMegaLnk {
    padding: 18px 0;
  }
  header .hdrMegaSub .hdrMegaLnk i {
    font-size: 13px;
  }
  header .hdrMegaSub .hdrMegaLnk span {
    font-size: 20px;
  }
  .topSlidrSec .topSlidrBx .swiper {
    height: 320px;
  }
  .headrMnuBx .headrMnu .hdrMnuHed span,
  .headrMnuBx .headrMnu .hdrMnuLnk span {
    font-size: 20px;
  }
  .headrMnuBx .headrMnu {
    gap: 16px;
  }
  .headrMnuBx .headrMnu .hdrMnuLnk i,
  .headrMnuBx .headrMnu .hdrMnuHed p {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .headrTop .hdrMiniCart .miniCartLnk span {
    color: var(--typo-800);
  }
  .headrTop .hdrMiniCart .miniCartLnk i {
    right: -5px;
    top: -13px;
  }
  .sideCntnt {
    height: max-content;
    max-height: unset;
    overflow: visible;
  }
  .floatingBox {
    display: block;
  }
  .coursPgSec .cursPgSide button {
    display: none;
  }
  .invoiceSec .invoicUser li {
    width: 100%;
  }
  .wrkShopSec .wrkShopRow {
    flex-direction: column;
    gap: 20px;
  }
  .wrkShopSec .wrkShopRow .wrkShopInfo {
    width: 100%;
  }
  .wrkShopSec .wrkShopRow .sideForm {
    width: 100%;
  }
  .appSec .appPgSide {
    display: none;
  }
  .appSec .appPgMain {
    width: 100%;
    padding-left: 0;
  }
  .contactSec .contactRow {
    flex-direction: column;
    gap: 25px;
  }
  .contactSec .socialBoxs {
    width: 100%;
    padding-left: 0;
  }
  .contactSec .contactLst {
    width: 100%;
  }
  .contactSec .contactLst li {
    margin-bottom: 12px;
  }
  .abutTopSec .abutTopImg {
    display: none;
  }
  .abutTopSec .abutTopRght {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .trainingSec .trainingRow {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .trainingSec .trainingTxt {
    padding-right: 0;
  }
  .trainingSec .trainingVid {
    width: 100%;
  }
  .podDtailSec .podDetailBx {
    padding: 50px 0;
    flex-direction: column-reverse;
    gap: 30px;
  }
  .podDtailSec .podDetailBx .podPgSong,
  .podDtailSec .podDetailBx .podPgTitle {
    width: 100%;
    padding: 0;
  }
  .blogPgSec .blogPgRow {
    flex-direction: column;
  }
  .blogPgSec .blogPgRow .blgPgLeft a {
    width: 25%;
    margin-bottom: 0;
  }
  .blogPgSec .blogPgRow .blgPgRight {
    width: 100%;
    margin-left: 0;
  }
  .blogPgSec .blogPgRow .blgPgLeft {
    width: 100%;
    margin-top: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* display: none; */
  }
  .blgCardCvr .tag {
    padding: 0 10px 2px 10px;
  }
  .lstArtclSec {
    margin: 40px 0;
  }
  .coursPgSec .coursPgBox {
    flex-direction: column-reverse;
    gap: 5px;
  }
  .coursPgSec .cursPgSide {
    width: 100%;
    position: static;
  }
  .coursPgSec .cursPgCntnt {
    width: 100%;
    margin-left: 0;
  }
  .productTab .pTabHeader {
    top: 74px;
  }
  .freeCoursSec .freeSecRow {
    flex-direction: column;
  }
  .freeCoursSec .freeCoursLst {
    justify-content: center;
  }
  .freeCoursSec .freeCoursMnu {
    width: 100%;
    min-width: 100%;
    position: static;
    background: transparent;
    box-shadow: none;
  }
  .freeCoursSec .freeCoursMnu .freeMnuSrch {
    max-width: 320px;
    margin: 0 auto 20px auto;
  }
  .freeCoursSec .freeCoursMnu .freeMnuRadio {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .freeCoursSec .freeMnuRadio .form-check {
    height: 37px;
    margin-bottom: 0;
  }
  .freeCoursSec .freeMnuRadio label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 15px;
    background: var(--white);
    border: 1px solid var(--white);
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04);
  }
  .freeCoursSec .freeMnuRadio input:checked ~ label {
    border-color: var(--green-500);
  }
  .headrTop .headrLft .hdrCartLnk {
    display: none;
  }
  /* .headrTop .headrLft .hdrAccMnu {
    display: none;
  } */
  .headrTop .hdrAccMnu .hdrAccSub {
    width: 225px;
  }
  .headrTop .headrLft .hdrAccLnk {
    display: block;
  }
  .sectionHed.havRadios {
    flex-direction: column;
    gap: 25px;
  }
  .headrTop .headrLogo {
    display: none;
  }
  .headrMnuBx .headrMnu .hdrSubBox,
  header .hdrMegaSub {
    width: 100%;
    position: relative;
    top: auto;
    padding-top: 10px;
    z-index: unset;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  .headrMnuBx .headrMnu .hdrSubBox {
    padding: 10px 26px 1px 0;
  }
  header .hdrMegaSub .container,
  header .hdrMegaSub .row,
  header .hdrMegaSub .col {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  header .hdrMegaSub .hdrMegaRow {
    display: block;
    margin-bottom: 10px;
    padding-right: 17px;
  }
  /* header .hdrMegaSub .hdrMegaCol a {
    display: none;
  } */
  header .hdrMegaSub .hdrMegaCol a {
    font-size: 12px;
  }
  header .hdrMegaSub .hdrMegaCol {
    margin-bottom: 25px;
  }
  header .hdrMegaSub .hdrMegaCol strong {
    color: var(--typo-500);
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-family: "IRANYekanMedium";
    font-size: 12.5px;
    font-weight: 500;
    border-bottom: 1px solid var(--white-300);
  }
  .headrMnuBx .headrMnu .hdrSubBox a {
    color: var(--typo-500);
    margin-bottom: 16px;
    padding: 0 0 16px 0;
    border-radius: 0;
    padding-top: 0;
    border-bottom: 1px solid var(--white-300);
  }
  .headrMnuBx .headrMnu .hdrSubBox a:last-child {
    border-bottom: none;
  }
  .headrMnuBx .headrMnu .hdrSubBox a p {
    font-family: "IRANYekanMedium";
    font-size: 12.5px;
  }
  .headrMnuBx .headrMnu .hdrSubBox a span {
    display: none;
  }
  header .hdrMegaSub .hdrMegaCol:last-child strong {
    border-bottom: 0;
  }
  header .hdrMegaSub .hdrMegaLnk {
    display: none;
  }
  .bannerSec .bannerRow {
    gap: 12px;
  }
  .bannerSec .bannerRow a {
    border-radius: 18px;
  }
  .bannerSec .bannerRow a img {
    border-radius: 18px;
  }
  .headrMnuBx .headrMnu .hdrMnuHed,
  .headrMnuBx .headrMnu .hdrMnuLnk {
    color: var(--typo-700);
    padding: 6px 0;
  }
  .headrMnuBx .headrMnu .hdrMnuHed {
    gap: 10px;
  }
  .headrMnuBx .headrMnu .hdrMnuHed a {
    color: var(--typo-700);
  }
  .headrMnuBx .headrMnu .hdrMnuHed i {
    font-size: 16px;
    color: var(--typo-700);
  }
  header .headerBtm {
    padding: 0;
  }
  .headerBox {
    padding: 15px 0;
  }
  .headerBox .headrTop {
    margin-bottom: 0;
  }
  .foterSec .ftrRowOne {
    flex-wrap: wrap;
    gap: 25px;
  }
  .foterSec .ftrRowOne .ftrNamad {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
  }
  .headerBox .opnSideMnu {
    display: block;
  }
  .headrMnuBx {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100vh;
    overflow: auto;
    background: var(--white-50);
    z-index: 15;
    padding: 15px 15px 25px 15px;
  }
  .headrMnuBx.opened {
    right: 0;
  }
  .headrMnuBx .minMnuTop {
    display: flex;
  }
  .headrMnuBx .minMnuSrch {
    display: flex;
  }
  .headrMnuBx .headrMnu {
    display: block;
    height: max-content;
  }
  .headrMnuBx .headrMnu li {
    margin-bottom: 9px;
  }
  .headrTop .headrSrch {
    display: none;
  }
  .headrMnuBx .headrMnu .hdrHavSub .hdrMnuLnk {
    display: flex;
  }
  .headrTop .headrLft .hdrCartLnk {
    display: block;
  }
  .headrTop .headrLft .hdrCartLnk span {
    color: var(--typo-800);
  }
  .headrMnuBx .headrMnu hr {
    display: none;
  }
  .headrTop .headrLft .hdrLogLnk {
    background: transparent;
    height: auto;
  }
  .headrTop .headrLft .hdrLogLnk .btnCntnt {
    padding: 0;
    color: var(--typo-800);
  }
  .headrTop .headrLft .hdrLogLnk i {
    display: none;
  }
  .headrTop .headrLft .hdrLogLnk span {
    font-size: 25px;
  }
  .headrTop .headrLft {
    gap: 5px;
    width: max-content;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .topBlogSec .topBlogRow .blgCardCvr h2 {
    font-size: 14px;
    max-height: 42px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .courseCard .discountTag {
    font-size: 13px;
  }
  .wrkShopSec .wrkShopRow .sideForm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
  .wrkShopSec .sideForm .sideFrmBdy {
    padding: 10px 0 0 0;
  }
  .wrkShopSec .sideForm .sideFrmTtl {
    margin-bottom: 20px;
  }
  .wrkShopSec .sideForm button {
    margin-top: 5px;
  }
  .softwareSec .softwareLst .softwareCrd {
    width: 225px;
  }
  .faqsSec .faqVideos {
    gap: 8px;
  }
  .faqsSec .faqVideos .faqVidCard {
    padding: 20px 15px;
  }
  .onlineSec .onlinSecLst .onlinSecCrd {
    width: 225px;
  }
  .trainingSec .trainingVid {
    height: 280px;
  }
  .confrnceSec .confrnceImg,
  .confrnceSec .confrnceImg .right,
  .confrnceSec .confrnceImg .left {
    gap: 15px;
  }
  .confrnceSec .confrnceImg .big {
    width: 288px;
    height: 172px;
  }
  .confrnceSec .confrnceImg .small {
    width: 148px;
    height: 125px;
  }
  .virtlEduSec .virtlEduLst {
    gap: 12px;
  }
  .virtlEduSec .virtlEduLst li {
    width: 49%;
  }
  .abutCmntSec .swprCmntCrd {
    width: 360px;
    padding: 20px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 222px;
  }
  .reltdPodRow .newPodCrd {
    width: 225px;
  }
  .newPodCrd .newPodImg {
    height: 225px;
  }
  .blogPgSec .blogPgRow .blgPgLeft {
    gap: 10px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    width: 225px;
    height: 180px;
  }
  .topBlogSec .topBlogRow .rightBnr {
    height: 51px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    width: 48.5%;
    height: 165px;
  }
  .topBlogSec .topBlogRow .bigBlogCrd {
    height: 279px;
  }
  .freeCoursSec .freeCoursMnu {
    padding: 32px 20px;
  }
  .freeCoursSec .freeCoursLst .courseCard {
    width: 306px;
  }
  .curseLstBx .courseCard {
    width: 225px;
  }
  .topSlidrSec .topSlidrBx .swiper {
    height: 220px;
  }
  .footrBnrSec .ftrBanner {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .headrTop .headrLft .hdrInvntry{
    height: 40px;
    gap: 5px;
    padding: 0 11px;
  }
  .headrTop .hdrMiniCart .miniCrtItem {
    flex-direction: column;
    gap: 20px;
  }
  .headrTop .hdrMiniCart .miniCrtPric {
    justify-content: center;
  }
  .courseCard .discountTag {
    font-size: 10px;
    height: 25px;
    border-radius: 8px;
    padding: 0 5px;
  }
  .courseCard .lastCrdFtr div.oldPricTag p:after {
    top: 9px;
    width: 40px;
  }
  .courseCard .lastCrdFtr div.oldPricTag p,
  .courseCard .lastCrdBdy .lastCrdFtr del {
    font-size: 13px;
  }
  .courseCard .lastCrdBdy .lastCrdFtr div {
    gap: 3px;
  }
  .courseCard .lastCrdBdy .lastCrdFtr p {
    font-size: 14px;
  }
  .courseCard .lastCrdBdy .lastCrdFtr span {
    font-size: 17px;
  }
  .blogPgSec blockquote {
    padding: 20px 30px 20px 12px;
  }
  .blogPgSec blockquote:before {
    right: 11px;
    top: 20px;
  }
  .collection li .right {
    min-width: auto;
    max-width: 100%;
  }
  .collection li {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .collection li h2 {
    text-align: center;
    font-size: 14.5px;
  }
  .collection li .left p {
    text-align: center;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .collection li .left a {
    margin: 0 auto;
  }
  .apademyMdl .videoMdlBdy .mdlVidBox {
    width: 100%;
    height: 250px;
  }
  .invoiceSec .invoicUser li {
    flex-wrap: wrap;
    gap: 0;
  }
  .invoiceSec .invoicPrice li {
    width: 100%;
  }
  .invoiceSec .invoicPrice li span,
  .invoiceSec .invoicUser li p,
  .invoiceSec .invoicUser li span {
    font-size: 12px;
  }
  .invoiceSec .invoiceHed h1 {
    font-size: 20px;
  }
  .invoiceSec .invoiceHed p {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .invoiceSec .invoiceHed img {
    width: 90px;
  }
  .invoiceSec .invoiceBox {
    padding: 15px;
    border-radius: 20px;
  }
  .invoiceSec .invoiceBox .invoiceHed {
    padding: 15px;
    border-radius: 15px;
  }
  .invoiceSec .invoiceBox .invoiceTitl {
    font-size: 15.5px;
    margin: 30px auto;
  }
  .wrkShopSec .wrkShopInfo h1 {
    margin-bottom: 28px;
    font-size: 20px;
  }
  .wrkShopSec .wrkShopInfo h2 {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .wrkShopSec .wrkShopRow .wrkShopInfo {
    padding: 20px 15px;
  }
  .wrkShopSec .sideForm .sideFrmTtl {
    text-align: center;
  }
  .appSec .introAppGlry .appGallry a {
    width: 124px;
  }
  .appSec .appPgMain .installGuide,
  .appSec .appPgMain .requiredSys,
  .appSec .appPgMain .introApp {
    padding: 20px 15px;
    border-radius: 22px;
  }
  .appSec .appPgTitle {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .appSec .appPageHed h1 {
    font-size: 15px;
  }
  .appSec .appPageHed ul {
    gap: 1px 16px;
  }
  .appSec .appPageHed p,
  .appSec .appPageHed strong {
    font-size: 11px;
  }
  .appSec .introApp .appdwnldLnk a p {
    line-height: 1.6;
    font-size: 12px;
  }
  .appSec .installGuide ul li,
  .appSec .appPgMain .requiredSys p,
  .appSec .introApp .introAppLst li p,
  .appSec .introApp .introAppTxt {
    font-size: 12px;
  }
  .appSec .introApp .introAppGlry h2,
  .appSec .introApp .introAppLst h2 {
    font-size: 14px;
  }
  .appSec .introApp .introAppLst li span {
    font-size: 18px;
  }
  .appSec .appPageHed {
    gap: 10px;
  }
  .loadingPg .loadingBox {
    padding: 30px 0;
    gap: 25px;
  }
  .loadingPg .loadingBox .logo {
    width: 85px;
  }
  .softwareSec .softwareLst .softwareCrd {
    padding: 15px 10px;
  }
  .softwareSec .softwareCrd .title img {
    width: 65px;
  }
  .softwareSec .softwareCrd .title h2 {
    font-size: 13px;
  }
  .softwareSec .softwareCrd .version p,
  .softwareSec .softwareCrd .version strong {
    font-size: 10px;
  }
  .softwareSec .softwareLst {
    gap: 10px 8px;
    justify-content: center;
  }
  .lstArtclSec .allArtclLnk {
    margin: 20px auto;
  }
  .faqsSec .faqVideos .faqVidCard {
    padding: 20px 12px;
  }
  .faqsSec .faqVidCard p {
    font-size: 12px;
  }
  .faqsSec .faqVideos {
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
  }
  .faqsSec .faqAcordion .accordion-button::after {
    width: 14px;
    height: 15px;
    background-size: 14px 14px;
  }
  .faqsSec .faqVidCard .vidLink,
  .faqsSec .faqAcordion .accordion-button {
    font-size: 13px;
  }
  .termPgHed .termPgHedBx h1 {
    font-size: 20px;
  }
  .faqsSec .faqFltrBx {
    height: 62px;
    padding: 4px 10px;
  }
  .faqsSec .faqFltrLst .form-check,
  .faqsSec .faqFltrLst li {
    height: 37px;
    border-radius: 12px;
  }
  .faqsSec .faqFltrLst label,
  .faqsSec .faqFltrLst a {
    padding: 12px;
    font-size: 13px;
    border-radius: 12px;
  }
  .termsSec .termsBox {
    font-size: 12px;
  }
  .contactSec .socialBoxs .socialCard {
    height: max-content;
  }
  .contactSec .socialBoxs .socialCard .content {
    flex-direction: column;
    gap: 15px;
    padding: 20px 10px;
  }
  .abutTopSec .abutTopRght ul {
    gap: 8px;
  }
  .onlineSec .onlinSecLst {
    justify-content: center;
    gap: 10px 8px;
  }
  .trainingSec .trainingImg {
    margin: 20px 0 0 0;
  }
  .trainingSec .trainingVid {
    min-width: unset;
  }
  .trainingSec .trainingTxt p {
    font-size: 12px;
  }
  .trainingSec .trainingImg {
    gap: 10px 8px;
  }
  .confrnceSec .confrnceImg,
  .confrnceSec .confrnceImg .right,
  .confrnceSec .confrnceImg .left {
    gap: 10px;
  }
  .confrnceSec .confrnceImg {
    margin: 30px 0 0 0;
  }
  .confrnceSec .confrnceImg .right,
  .confrnceSec .confrnceImg .left {
    width: 50%;
    max-width: 148px;
  }
  .confrnceSec .confrnceImg .big,
  .confrnceSec .confrnceImg .small {
    width: 100%;
    height: 148px;
  }
  .confrnceSec .confrnceImg .left {
    padding-top: 0;
  }
  .virtlEduSec .virtlEduTxt {
    font-size: 12px;
  }
  .virtlEduSec .virtlEduLst {
    gap: 8px;
  }
  .virtlEduSec .virtlEduLst li {
    padding: 15px 10px;
    gap: 8px;
  }
  .abutCmntSec .swprCmntCrd {
    width: 280px;
    padding: 20px 15px;
  }
  .abutCmntSec .cmntCrdTop .cmntCrdUsr img {
    width: 50px;
    height: 50px;
  }
  .abutCmntSec .cmntSwiper .cmntCrdTop {
    margin-bottom: 10px;
  }
  .abutTopSec .abutTopTxt,
  .abutCmntSec .cmntCrdTop .cmntCrdUsr h3 {
    font-size: 13px;
  }
  .aboutPgHed h2 {
    font-size: 20px;
  }
  .abotGlrySec .abotGlryBox .glryRow {
    gap: 8px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    border-radius: 12px;
  }
  .abotGlrySec .abotGlryBox .glryCard img {
    border-radius: 12px;
  }
  .searchSec .srchedItem .srchItmName span {
    font-size: 17px;
  }
  .searchSec .srchedItem .srchItmName i {
    font-size: 11px;
  }
  .searchSec .srchedItem .srchItmName h2 {
    margin: 3px 0;
    font-size: 14px;
  }
  .searchSec .srchedItem .srchItmName p {
    font-size: 12px;
  }
  .searchSec .srchResult .srchedItem {
    padding: 10px;
  }
  .searchSec .srchedWord p {
    font-size: 14px;
  }
  .searchSec .srchedWord h1 {
    font-size: 15px;
  }
  .searchSec .srchFltrBx {
    padding: 8px 10px 1px 0;
  }
  .searchSec .srchFltrBx .srchFltrNum {
    padding: 0 8px 0 10px;
  }
  .searchSec .srchFltrLst label {
    font-size: 12px;
  }
  .reltdPodRow {
    gap: 15px 10px;
  }
  .newPodSec .newPodSldr {
    margin-top: 18px;
  }
  .blogPgSec .blgTextBox {
    font-size: 13px;
  }
  .podDtailSec .podPgTitle h1,
  .coursPgSec .cursPgCntnt .coursName h1 {
    font-size: 20px;
  }
  .podDtailSec .podPgTitle p {
    font-size: 12px;
  }
  .reltdBlgSec .relatedBlg .blgCardCvr h2 {
    font-size: 14px;
    max-height: 42px;
  }
  .reltdBlgSec .relatedBlg {
    gap: 8px;
  }
  .blogPgSec .blogPgRow .blgPgLeft {
    gap: 5px;
  }
  .blogPgSec .blgPgTable td:first-child {
    min-width: 120px;
  }
  .blogPgSec .blgPgTable td:last-child {
    min-width: 200px;
  }
  .blogPgSec .blgPgTitle h1 {
    font-size: 20px;
  }
  .blogPgSec .blgPgTitle li p {
    font-size: 12px;
  }
  .blogPgSec .blgPgTitle li span {
    font-size: 16px;
  }
  .blogPgSec .blogPgTxt h2 {
    font-size: 15px;
  }
  .blogPgSec .blgPageBx .blgPgBxHed a p,
  .blogPgSec .blgPgTable td,
  .blogPgSec .blogPgTxt ul li,
  .blogPgSec .blogPgTxt p {
    font-size: 12px;
  }
  .blogPgSec .sugestdArtcl p,
  .blogPgSec .sugestdArtcl a,
  .blogPgSec .blgPgTable th,
  .blogPgSec .listAcordion .accordion-body a {
    font-size: 13px;
  }
  .blogPgSec .blogPgTxt strong,
  .blogPgSec .blogPgTxt h4,
  .blogPgSec .blogPgTxt h5,
  .blogPgSec .blogPgTxt h3 {
    font-size: 14px;
  }
  .blogPgSec .blgPageBx .blgPgBxHed a span {
    font-size: 15px;
  }
  .blogPgSec .blgPageBx .blgPgBxHed h2 {
    font-size: 16px;
  }
  .blogPgSec .sugestdArtcl span {
    font-size: 17px;
  }
  .blogPgSec .blgPgBnnr,
  .blogPgSec .blgPgBnnr img {
    border-radius: 15px;
  }
  .blogPgSec .blgPgTitle .blgTitelTxt {
    padding: 20px 15px;
    font-size: 13px;
  }
  .coursPgSec .cursPgCntnt .coursName,
  .blogPgSec .sugestdArtcl,
  .blogPgSec .blgPageBx,
  .blogPgSec .listAcordion {
    padding: 20px 12px;
  }
  .transferred .rightBnr img,
  .transferred .rightBnr,
  .topBlogSec .topBlogRow .rightBnr,
  .topBlogSec .topBlogRow .rightBnr img {
    height: auto;
  }
  .topBlogSec .topBlogRow {
    flex-direction: column;
  }
  .topBlogSec .topBlogRow .right {
    width: 100%;
  }
  .topBlogSec .topBlogRow .left {
    width: 100%;
  }
  .allCursSec .curseNameBx {
    margin-bottom: 18px;
  }
  .allCursHed {
    margin-bottom: 25px;
  }
  .allCursHed h1 {
    font-size: 20px;
  }
  .artclCatLst .artclCatBx {
    padding: 15px 8px;
  }
  .artclCatLst .artclCatBx strong {
    font-size: 14px;
  }
  .artclCatLst .artclCatBx p {
    font-size: 12px;
  }
  .artclCatLst {
    gap: 10px 8px;
  }
  .courseCard .artclCrdCat .date,
  .courseCard .artclCrdCat .category,
  .courseCard .lastCrdBdy .readMoreLk i {
    font-size: 11px;
  }
  .courseCard .lastCrdBdy .readMoreLk span {
    font-size: 13px;
  }
  .plyerDownld .appLnkBox {
    flex-direction: column;
  }
  .tabCmnts .tabCmntHed img {
    width: 50px;
    height: 50px;
  }
  .productTab .pTabcontent .pTabTitle h2 {
    font-size: 16px;
  }
  .productTab .coursTools li span {
    font-size: 20px;
  }
  .productTab .coursFeature li {
    padding: 15px 12px;
  }
  .corsContntHed h3 {
    font-size: 14px;
  }
  .productTab .introBox {
    font-size: 13px;
    padding: 12px 14px;
    margin: 24px 0;
  }
  .tabCmnts .tabMoreCmnt p,
  .tabCmnts .tabCmntHed strong,
  .productTab .coursFeature h3,
  .coursAcordion .accordion-button,
  .productTab .pkgTpicCrd h3,
  .productTab .pTabHeader .pTablinks {
    font-size: 13px;
  }
  .productTab .pkgTpicCrd p {
    height: 38px;
    font-size: 12px;
  }
  .licenceText,
  .tabCmnts .tabCmntHed p,
  .tabCmnts .tabCmntTxt,
  .productTab .pTabcontent .pTabTitle a p,
  .productTab .coursFeature p,
  .productTab .chapterTwo p,
  .productTab .chapterTwo p strong,
  .productTab .coursTools li p,
  .productTab .chapterOne p,
  .productTab .pakagInfoLst li,
  .productTab .introText {
    font-size: 12px;
  }
  .productTab .pTabcontent .pTabTitle a span {
    font-size: 15px;
  }
  .tabCmnts .tabMoreCmnt span,
  .productTab .chapterOne li span {
    font-size: 16px;
  }
  .productTab .pkgTopics .pkgTpicCrd {
    gap: 8px;
    padding: 12px;
  }
  .productTab .pTabHeader {
    padding: 0;
  }
  .freeCoursSec .freeCoursLst {
    gap: 10px 8px;
  }
  .courseCard .lastCrdTtl p {
    font-size: 12px;
    height: 38px;
  }
  .freeCoursSec .freeCoursMnu {
    padding: 0 0 20px 0;
  }
  .freeCoursSec .freeMnuRadio label {
    font-size: 12px;
  }
  .allCursSec .curseNameBx h3 {
    font-size: 16px;
  }
  .allCursSec .curseNameBx p {
    font-size: 12px;
  }
  .sectionHed .secHedLeft {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 25px;
  }
  .bannerSec .smallBnnrs {
    flex-wrap: wrap;
  }
  a.topAdsBx img.desktop {
    display: none;
  }
  a.topAdsBx img.mobile {
    display: block;
  }
  .foterSec .ftrRowOne .foterCol strong {
    margin-bottom: 14px;
  }
  .foterCol.ftrServices {
    display: none;
  }
  .lastSwiper .swiperBtns {
    bottom: 112px;
  }
  .lastSwiper .swiperBtns span {
    font-size: 16px;
  }
  .lastSwiper .swiperBtns div {
    width: 36px;
    height: 36px;
  }
  .newPodSldr .newPodCrd {
    width: 137px;
  }
  .newPodCrd .newPodImg {
    height: 137px;
  }
  .newPodCrd .newPodBdy h2 {
    font-size: 12.5px;
    height: 41px;
  }
  .bannerSec .bannerRow {
    flex-direction: column;
  }
  .bannerSec .bannerRow a {
    width: 100%;
  }
  .lastCourSec .lastSwiper {
    margin-top: 3px;
  }
  .lastCourSec .swiper-slide {
    padding: 18px 0 18px 8px;
  }
  .courseCard {
    /* width: 171px; */
    width: 250px;
    padding: 8px;
  }
  .courseCard .lastCrdImg {
    /* height: 94px; */
    height: 160px;
  }
  .courseCard .lastCrdTtl h2 {
    font-size: 12.5px;
    height: 40px;
  }
  .courseCard .lastCrdBdy .lastCrdFtr {
    padding: 10px 0 6px 0;
  }
  .lastCourSec .lastCrdFtr p {
    font-size: 12.5px;
  }
  .lastCourSec .lastCrdFtr span {
    font-size: 16px;
  }
  .courseCard .lastCrdBdy ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin: 14px 0;
  }
  .courseCard .lastCrdBdy li span {
    font-size: 14px;
  }
  .courseCard .lastCrdBdy li p {
    font-size: 10px;
  }
  .sectionHed h2,
  .sectionHed h3,
  .sectionHed strong {
    font-size: 16px;
  }
  .sectionHed a p {
    font-size: 10px;
    padding-bottom: 2px;
  }
  .sectionHed a span {
    font-size: 14px;
  }
  .topSlidrSec .topSlidrBx {
    flex-direction: column;
  }
  .topSlidrSec .topSldrRght {
    width: 100%;
    padding-left: 0;
  }
  .topSlidrSec .topSldrLeft {
    width: 100%;
    margin: 30px auto;
  }
  .topSlidrSec .topSldrLeft .swiper {
    height: auto;
    margin: 0 auto;
  }
  .headrTop .headrLft .hdrCartLnk i {
    width: 20px;
    height: 20px;
    right: -5px;
    top: -11px;
  }
  #targetElement .swiper-pagination,
  #targetElement .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
  }
  .topSlidrSec {
    margin: 0 0 20px 0;
  }
  .topSlidrSec #targetElement .swiper-slide img {
    border-radius: 0;
  }
  .footrBnrSec {
    margin: 25px 0;
  }
  .footrBnrSec .ftrBanner {
    height: auto;
    border-radius: 8px;
    margin-bottom: 0;
  }
  .footrBnrSec .ftrBanner img {
    border-radius: 8px;
  }
  .foterSec .foterBtm {
    align-items: flex-start;
  }
  .foterSec .foterBtm p {
    font-size: 11px;
  }
  .foterSec .foterBtm a {
    font-size: 11px;
  }
  .foterSec .ftrRowOne .foterLinks a {
    margin-bottom: 6px;
  }
  .foterSec .foterTop {
    flex-direction: column;
    gap: 18px;
    padding: 20px;
  }
  .foterSec .foterTop a {
    width: 115px;
  }
  .foterSec .foterTop p {
    text-align: center;
    font-size: 12px;
  }
  .foterSec .ftrRowOne .foterCol strong {
    font-size: 12px;
  }
  .foterSec .ftrRowOne .ftrCntct div,
  .foterSec .ftrRowOne .foterLinks a,
  .foterSec .ftrRowOne .ftrCntct li p {
    font-size: 10.5px;
  }
  .foterSec .ftrRowTwo p {
    font-size: 12px;
    color: var(--typo-900);
  }
  .foterSec .ftrSocial {
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
  .foterSec .ftrSocial div,
  .foterSec .ftrSocial ul {
    justify-content: flex-start;
    width: 100%;
  }
  .foterSec .ftrSocial div {
    gap: 10px;
  }
  .foterSec .ftrSocial div a {
    width: 114px;
    height: 42px;
    padding: 0;
  }
  .foterSec .ftrSocial div a i {
    font-size: 12px;
  }
  .foterSec .ftrRowTwo {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .faqsSec .faqVideos .faqVidCard {
    width: 48.5%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .headrTop .hdrMiniCart .miniCartSub {
    width: 335px;
  }
  .wrkShopSec .sideForm .sideFrmBdy {
    padding: 0 12px;
  }
  .softwareSec .softwareLst .softwareCrd {
    width: 32%;
  }
  .onlineSec .onlinSecLst .onlinSecCrd {
    padding: 20px 15px;
    width: 49%;
  }
  .virtlEduSec .virtlEduLst li {
    width: 49%;
  }
  .virtlEduSec .virtlEduLst li div {
    width: 58px;
    height: 58px;
  }
  .reltdPodRow .newPodCrd {
    width: 48.8%;
  }
  .newPodCrd .newPodImg {
    height: 210px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    width: 48.8%;
  }
  .blogPgSec .blogPgRow .blgPgLeft img {
    border-radius: 16px;
  }
  .blogPgSec .blgPgVideo {
    height: 250px;
  }
  .topBlogSec .topBlogRow .bigBlogCrd {
    height: 270px;
  }
  .artclCatLst .artclCatBx {
    width: 32%;
  }
  .productTab .pkgTopics .pkgTpicCrd {
    width: 31%;
  }
  .productTab .courseGalry .glryCard.bigGlryCrd,
  .productTab .courseGalry .glryCard.minGlryCrd {
    width: 32%;
    height: 110px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .trainingSec .trainingVid {
    height: 260px;
  }
  .trainingSec .trainingImg .imgItem {
    width: 166px;
    height: 150px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 166px;
    height: 145px;
  }
  .blgCardCvr .tag {
    font-size: 11px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    width: 49%;
  }
  .productTab .pTabcontent .tbContnt {
    padding: 20px 15px;
  }
  .productTab .freeVideos .freeVidBox {
    height: 180px;
  }
  .freeCoursSec .freeCoursLst .courseCard {
    width: 166px;
  }
  .curseLstBx .courseCard {
    width: 165px;
  }
  .bannerSec .smallBnnrs a {
    width: 48%;
  }
  .topSlidrSec #targetElement .swiper {
    height: 250px;
  }
  .topSlidrSec .topSldrLeft .swiper {
    width: 280px;
  }
  a.topAdsBx {
    height: 43px;
  }
}
@media (max-width: 575px) {
  .topSlidrSec .topSldrLeft .desctopImg {
    display: none;
  }
  .topSlidrSec .topSldrLeft .mobileImg {
    display: block;
  }
  .appSec .introApp .appdwnldLnk a {
    padding: 10px;
  }
  .loginPage .loginBox .verifyCod {
    gap: 5px;
    margin-bottom: 25px;
  }
  .loginPage .loginBox .loginTopMnu {
    height: 52px;
    margin-bottom: 30px;
  }
  .loginPage .loginBox .input-group {
    margin-bottom: 12px;
  }
  .loginFoter .lginFtrMnu {
    gap: 15px 25px;
  }
  .loginFoter .lginFtrBtm span {
    font-size: 15px;
  }
  .loginFoter .lginFtrBtm p {
    margin-top: -2px;
  }
  .loginPage .loginBox .loginTerms,
  .loginFoter .lginFtrBtm p a,
  .loginFoter .lginFtrBtm p {
    font-size: 11px;
  }
  .loginFoter .lginFtrMnu a {
    font-size: 12px;
  }
  .loginPage .loginBox {
    padding: 25px 15px;
  }
  .loginPage .loginBox .loginPgHed p {
    font-size: 13px;
  }
  .loginPage .loginBox .loginPgHed {
    margin-bottom: 25px;
  }
  .loginPage .loginBox .loginSocial {
    margin-top: 25px;
  }
  .abutTopSec .abutTopRght ul li {
    padding: 20px 12px;
  }
  .trainingSec .trainingImg {
    justify-content: center;
  }
  .trainingSec .trainingImg .imgItem {
    width: 48%;
    height: 150px;
  }
  .apademyMdl .modal-content {
    padding: 24px 15px;
  }
  .blgCardCvr .tag {
    height: 28px;
    font-size: 10px;
  }
  .topBlogSec .topBlogRow .blgCardCvr h2 {
    font-size: 13px;
    max-height: 41px;
  }
  .productTab .pTabcontent .tbContnt {
    padding: 15px 12px;
  }
  .coursPodBx .coursPodTtl img {
    display: none;
  }
  .licenceCode {
    padding: 18px 12px;
  }
  .plyerDownld {
    flex-direction: column;
  }
  .plyerDownld .appLnkBox {
    width: 100%;
    padding: 15px;
  }
  .allCursSec .curseNameBx {
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    margin-bottom: 20px;
  }
  .allCursSec .curseNameBx div {
    text-align: center;
  }
  .bannerSec .smallBnnrs {
    gap: 15px;
    margin-top: 15px;
  }
  .bannerSec .smallBnnrs a {
    width: 50%;
    flex: 47%;
  }
  .foterSec .ftrRowOne .foterLinks {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 15px;
    flex-wrap: wrap;
  }
  .foterSec .ftrRowOne .foterLinks.ftrServices {
    display: none;
  }
  .foterSec .ftrRowOne .foterCol strong {
    width: 100%;
  }
  .topSlidrSec #targetElement .swiper {
    height: 162px;
  }
  .topSlidrSec .topSldrLeft .swiper {
    width: 240px;
  }
  .lastSwiper .swiperBtns .next {
    left: 0px;
  }
  .lastSwiper .swiperBtns .prev {
    right: 0px;
  }
  .headrTop .headrLft .hdrCartLnk {
    width: 25px;
  }
  a.topAdsBx {
    height: 36px;
  }
}
@media (min-width: 376px) and (max-width: 575px) {
  .curseLstBx .courseCard {
    width: 171px;
    padding: 8px;
    flex: 32%;
    max-width: 177px;
  }
}
@media (min-width: 481px) and (max-width: 575px) {
  .trainingSec .trainingVid {
    height: 240px;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 32%;
    height: 142px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    height: 192px;
  }
}
@media (max-width: 480px) {
  .headrTop .headrLft .hdrInvntry{
    display: none;
  }
  .headrTop .hdrMiniCart .miniCrtPay {
    padding: 12px;
  }
  .headrTop .hdrMiniCart .miniCartSub {
    width: 295px;
    left: -75px;
  }
  .headrTop .hdrMiniCart .miniCrtPay a {
    width: 135px;
    border-radius: 15px;
    font-size: 13px;
  }
  .floatingBox button {
    font-size: 14px;
  }
  .invoiceSec .invoiceBox .invoiceHed {
    flex-direction: column-reverse;
    text-align: center;
    gap: 20px;
  }
  .invoiceSec .invoiceHed h1 {
    margin-bottom: 10px;
  }
  .softwareSec .softwareLst .softwareCrd {
    width: 48.6%;
  }
  .termsSec .termsBox,
  .contactSec .contactLst li {
    padding: 20px;
  }
  .wrkShopSec .sideForm .sideFrmBdy,
  .contactSec .contactRow {
    padding: 0;
  }
  .contactSec .socialCard .content .left a p,
  .contactSec .socialCard .content .left div p {
    font-size: 12px;
  }
  .contactSec .socialCard .content .left div span {
    font-size: 16px;
  }
  .contactSec .socialCard .content .left div p {
    margin-top: -2px;
  }
  .abutTopSec .abutTopRght ul {
    align-items: stretch;
  }
  .abutTopSec .abutTopRght ul li {
    flex-direction: column;
  }
  .abutTopSec .abutTopRght ul .counter_box {
    text-align: center;
  }
  .onlineSec .onlinSecLst .onlinSecCrd {
    padding: 18px 12px;
    width: 48%;
    border-radius: 18px;
  }
  .onlineSec .onlinSecCrd strong {
    font-size: 13px;
  }
  .onlineSec .onlinSecCrd p {
    font-size: 11.5px;
    height: 54px;
  }
  .onlineSec .onlinSecCrd div {
    width: 70px;
    height: 70px;
  }
  .trainingSec .trainingVid {
    height: 220px;
  }
  .virtlEduSec .virtlEduLst li {
    width: 100%;
  }
  .abotGlrySec .abotGlryBox .glryCard {
    width: 48.6%;
    height: 140px;
  }
  .searchSec .srchResult .srchedItem {
    gap: 8px;
  }
  .searchSec .srchedItem .srchItemImg {
    width: 100px;
    min-width: 100px;
  }
  .searchSec .srchedItem .srchItmName {
    width: calc(100% - 108px);
  }
  .reltdPodRow .newPodCrd {
    width: 48.3%;
  }
  .podDtailSec .podPgSong .podInfoImg {
    width: 135px;
    height: 135px;
    padding: 20px;
  }
  .reltdBlgSec .relatedBlg .smallBlgCrd {
    width: 100%;
    height: 192px;
  }
  .blogPgSec .blogPgRow .blgPgLeft img {
    border-radius: 12px;
  }
  .blogPgSec .blgPgVideo {
    height: 230px;
  }
  .topBlogSec .topBlogRow .bigBlogCrd {
    height: 235px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    height: 140px;
  }
  .blgCardCvr {
    padding: 10px 8px;
  }
  .artclCatLst .artclCatBx {
    width: 48%;
  }
  .productTab .pkgTopics .pkgTpicCrd {
    width: 48%;
  }
  .coursPodBx {
    padding: 15px;
  }
  .productTab .coursFeature li {
    flex-direction: column;
    gap: 15px;
  }
  .productTab .coursFeature div {
    text-align: center;
  }
  .tabCmnts .replyedMsgs {
    padding-right: 0;
  }
  .tabCmnts .rplyMsgCrd {
    padding-right: 18px;
    padding: 16px 15px;
  }
  .coursPgSec .cursPgSide .coursInfo {
    gap: 20px 15px;
    padding: 15px;
  }
  .coursPgSec .cursPgSide .coursInfo li {
    width: 46%;
  }
  .tabCmnts .tabCmntCrd {
    padding: 15px 10px;
  }
  .productTab .coursTools li,
  .productTab .chapterOne li {
    width: 100%;
  }
  .productTab .freeVideos {
    flex-direction: column;
  }
  .productTab .freeVideos .freeVidBox {
    width: 100%;
    height: 200px;
  }
  .productTab .courseGalry .glryCard.bigGlryCrd,
  .productTab .courseGalry .glryCard.minGlryCrd {
    width: 31%;
    height: 95px;
  }
  .pagination ul {
    gap: 6px;
  }
  .pagination ul li:first-child {
    margin-left: 0;
  }
  .pagination ul li:last-child {
    margin-right: 0;
  }
  .pagination li a {
    width: 32px;
    height: 32px;
  }
  .pagination li a i {
    font-size: 12px;
  }
  .pagination li a span {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .faqsSec .faqVideos .faqVidCard {
    width: 100%;
  }
  .freeCoursSec .freeCoursLst .courseCard,
  .curseLstBx .courseCard {
    width: 100%;
  }
  .freeCoursSec .freeCoursLst .courseCard .lastCrdImg,
  .curseLstBx .courseCard .lastCrdImg {
    height: 140px;
  }
  .topBlogSec .topBlogRow .smallBlgCrd {
    width: 48.3%;
  }
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}