@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:100;src:url('/fonts/woff2/KalamehWebFaNum-Thin.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Thin.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:200;src:url('/fonts/woff2/KalamehWebFaNum-ExtraLight.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-ExtraLight.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:300;src:url('/fonts/woff2/KalamehWebFaNum-Light.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Light.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:500;src:url('/fonts/woff2/KalamehWebFaNum-Medium.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Medium.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:600;src:url('/fonts/woff2/KalamehWebFaNum-SemiBold.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-SemiBold.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:800;src:url('/fonts/woff2/KalamehWebFaNum-ExtraBold.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-ExtraBold.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:900;src:url('/fonts/woff2/KalamehWebFaNum-Black.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Black.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:700;src:url('/fonts/woff2/KalamehWebFaNum-Bold.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Bold.woff') format('woff')}@font-face{font-family:KalamehWebFaNum;font-style:normal;font-weight:400;src:url('/fonts/woff2/KalamehWebFaNum-Regular.woff2') format('woff2'),url('/fonts/woff/KalamehWebFaNum-Regular.woff') format('woff')}
@font-face{font-family:host;src:url('/fonts/host.ttf?5h043a') format('truetype'),url('/fonts/host.woff?5h043a') format('woff'),url('/fonts/host.svg?5h043a#host') format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" ic-"],[class^=ic-]{font-family:host!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ic-cursor-finger-click:before{content:"\e9be"}.ic-snap:before{content:"\e9bf"}.ic-person-presenting:before{content:"\e9c0"}.ic-workshop:before{content:"\e9c1"}.ic-person-chalkboard:before{content:"\e9c2"}.ic-eye-crossed:before{content:"\e9c3"}.ic-eye-dropper-half:before{content:"\e9c4"}.ic-vision:before{content:"\e9c5"}.ic-eye:before{content:"\e9c6"}.ic-big-data-analytics:before{content:"\e9c7"}.ic-social-media-notification:before{content:"\e9c8"}.ic-bell-ring:before{content:"\e9c9"}.ic-bell:before{content:"\e9ca"}.ic-search:before{content:"\e9cb"}.ic-404:before{content:"\e900"}.ic-admin-alt:before{content:"\e901"}.ic-analytics:before{content:"\e902"}.ic-angle-down:before{content:"\e903"}.ic-angle-left:before{content:"\e904"}.ic-angle-right:before{content:"\e905"}.ic-angle-up:before{content:"\e906"}.ic-api:before{content:"\e907"}.ic-app-notification:before{content:"\e908"}.ic-apps:before{content:"\e909"}.ic-apps-delete:before{content:"\e90a"}.ic-arrow-down:before{content:"\e90b"}.ic-arrow-left:before{content:"\e90c"}.ic-arrow-right:before{content:"\e90d"}.ic-arrow-right-to-bracket:before{content:"\e90e"}.ic-arrow-up:before{content:"\e90f"}.ic-at:before{content:"\e910"}.ic-attribution-pencil:before{content:"\e911"}.ic-auto-sync:before{content:"\e912"}.ic-badget-check-alt:before{content:"\e913"}.ic-balance-scale-right:before{content:"\e914"}.ic-big-data:before{content:"\e915"}.ic-big-data-ai:before{content:"\e916"}.ic-block-brick-fire:before{content:"\e917"}.ic-blog-text:before{content:"\e918"}.ic-bolt:before{content:"\e919"}.ic-book-open-reader:before{content:"\e91a"}.ic-books:before{content:"\e91b"}.ic-brain-circuit:before{content:"\e91c"}.ic-bullseye-arrow:before{content:"\e91d"}.ic-cdn:before{content:"\e91e"}.ic-chatbot:before{content:"\e91f"}.ic-circle-user:before{content:"\e920"}.ic-clock-up-arrow:before{content:"\e921"}.ic-cloud:before{content:"\e922"}.ic-cloud-back-up:before{content:"\e923"}.ic-cloud-back-up-alt:before{content:"\e924"}.ic-cloud-code:before{content:"\e925"}.ic-cloud-download:before{content:"\e926"}.ic-cloud-download-alt:before{content:"\e927"}.ic-cloud-gear-automation:before{content:"\e928"}.ic-cloud-share:before{content:"\e929"}.ic-code-compare:before{content:"\e92a"}.ic-code-fork:before{content:"\e92b"}.ic-code-window:before{content:"\e92c"}.ic-comment-medical:before{content:"\e92d"}.ic-comment-pen:before{content:"\e92e"}.ic-comments-question:before{content:"\e92f"}.ic-compass-alt:before{content:"\e930"}.ic-constellation:before{content:"\e931"}.ic-credit-card:before{content:"\e932"}.ic-credit-card-buyer:before{content:"\e933"}.ic-customization-cogwheel:before{content:"\e934"}.ic-customize:before{content:"\e935"}.ic-data-backup:before{content:"\e936"}.ic-database:before{content:"\e937"}.ic-data-mining:before{content:"\e938"}.ic-degree-credential:before{content:"\e939"}.ic-digital-key:before{content:"\e93a"}.ic-digital-wallet:before{content:"\e93b"}.ic-disc-drive:before{content:"\e93c"}.ic-display-arrow-down:before{content:"\e93d"}.ic-document-writer:before{content:"\e93e"}.ic-dollar:before{content:"\e93f"}.ic-door-open:before{content:"\e940"}.ic-down:before{content:"\e941"}.ic-eclipse-alt:before{content:"\e942"}.ic-email-heart:before{content:"\e943"}.ic-engine-algorithm:before{content:"\e944"}.ic-envelope-open-text:before{content:"\e945"}.ic-expense:before{content:"\e946"}.ic-features:before{content:"\e947"}.ic-file-chart-line:before{content:"\e948"}.ic-filters:before{content:"\e949"}.ic-fingerprint:before{content:"\e94a"}.ic-fingerprint-verified:before{content:"\e94b"}.ic-floppy-disk-pen:before{content:"\e94c"}.ic-folder-tree:before{content:"\e94d"}.ic-galaxy-alt:before{content:"\e94e"}.ic-graduation-cap:before{content:"\e94f"}.ic-hand-holding-seeding:before{content:"\e950"}.ic-handshake:before{content:"\e951"}.ic-hdd:before{content:"\e952"}.ic-heart-1:before{content:"\e953"}.ic-heart:before{content:"\e954"}.ic-heart-partner-handshake:before{content:"\e955"}.ic-house-blank:before{content:"\e956"}.ic-house-chimney-crack-1:before{content:"\e957"}.ic-house-chimney-crack:before{content:"\e958"}.ic-inbox-in:before{content:"\e959"}.ic-instagram:before{content:"\e95a"}.ic-ip-address:before{content:"\e95b"}.ic-it:before{content:"\e95c"}.ic-journal-alt:before{content:"\e95d"}.ic-key:before{content:"\e95e"}.ic-laptop-mobile:before{content:"\e95f"}.ic-left:before{content:"\e960"}.ic-link-alt:before{content:"\e961"}.ic-linkedin:before{content:"\e962"}.ic-location-arrow:before{content:"\e963"}.ic-lock:before{content:"\e964"}.ic-machine-learning:before{content:"\e965"}.ic-marker:before{content:"\e966"}.ic-membership:before{content:"\e967"}.ic-mobile-button:before{content:"\e968"}.ic-mobile-notch:before{content:"\e969"}.ic-model-cube:before{content:"\e96a"}.ic-module:before{content:"\e96b"}.ic-money-transfer-coin-arrow:before{content:"\e96c"}.ic-mouse-pointer-click:before{content:"\e96d"}.ic-network-cloud:before{content:"\e96e"}.ic-network-cloud-computer:before{content:"\e96f"}.ic-not-found:before{content:"\e970"}.ic-operation:before{content:"\e971"}.ic-paint-roller:before{content:"\e972"}.ic-pause:before{content:"\e973"}.ic-payment-security:before{content:"\e974"}.ic-pencil-ruler:before{content:"\e975"}.ic-pending:before{content:"\e976"}.ic-pen-nib:before{content:"\e977"}.ic-phone-call:before{content:"\e978"}.ic-phone-flip:before{content:"\e979"}.ic-pie-chart-box:before{content:"\e97a"}.ic-planet-ringed:before{content:"\e97b"}.ic-play:before{content:"\e97c"}.ic-plus-hexagon:before{content:"\e97d"}.ic-privacy-settings:before{content:"\e97e"}.ic-qr:before{content:"\e97f"}.ic-qr-scan:before{content:"\e980"}.ic-quill-pen-story:before{content:"\e981"}.ic-rent:before{content:"\e982"}.ic-review:before{content:"\e983"}.ic-right:before{content:"\e984"}.ic-rocket-lunch:before{content:"\e985"}.ic-screen-play:before{content:"\e986"}.ic-settings:before{content:"\e987"}.ic-shield-check:before{content:"\e988"}.ic-shield-keyhole:before{content:"\e989"}.ic-shield-trust:before{content:"\e98a"}.ic-shield-virus:before{content:"\e98b"}.ic-shop:before{content:"\e98c"}.ic-shopping-bag:before{content:"\e98d"}.ic-shopping-cart:before{content:"\e98e"}.ic-shopping-cart-check:before{content:"\e98f"}.ic-site-alt:before{content:"\e990"}.ic-sitemap:before{content:"\e991"}.ic-sql-server:before{content:"\e992"}.ic-star-1:before{content:"\e993"}.ic-star:before{content:"\e994"}.ic-student:before{content:"\e995"}.ic-student-alt:before{content:"\e996"}.ic-supply-chain-steps:before{content:"\e997"}.ic-system-cloud:before{content:"\e998"}.ic-task-checklist:before{content:"\e999"}.ic-telegram:before{content:"\e99a"}.ic-terms-info:before{content:"\e99b"}.ic-time-add:before{content:"\e99c"}.ic-time-check:before{content:"\e99d"}.ic-time-delete:before{content:"\e99e"}.ic-time-forward-sixty:before{content:"\e99f"}.ic-time-twenty-four:before{content:"\e9a0"}.ic-transformation-block:before{content:"\e9a1"}.ic-trash:before{content:"\e9a2"}.ic-trash-xmark:before{content:"\e9a3"}.ic-twitter-alt-circle:before{content:"\e9a4"}.ic-up:before{content:"\e9a5"}.ic-up-right:before{content:"\e9a6"}.ic-url:before{content:"\e9a7"}.ic-usb-pendrive:before{content:"\e9a8"}.ic-user-check:before{content:"\e9a9"}.ic-user-headset:before{content:"\e9aa"}.ic-user-key:before{content:"\e9ab"}.ic-user-pen:before{content:"\e9ac"}.ic-users-class:before{content:"\e9ad"}.ic-user-shield:before{content:"\e9ae"}.ic-user-skill-gear:before{content:"\e9af"}.ic-user-trust:before{content:"\e9b0"}.ic-user-volunteer:before{content:"\e9b1"}.ic-vpn:before{content:"\e9b2"}.ic-wallet-arrow:before{content:"\e9b3"}.ic-wallet-buyer:before{content:"\e9b4"}.ic-wallet-money:before{content:"\e9b5"}.ic-warehouse-alt:before{content:"\e9b6"}.ic-web:before{content:"\e9b7"}.ic-web-design:before{content:"\e9b8"}.ic-website-structure:before{content:"\e9b9"}.ic-wifi-alt:before{content:"\e9ba"}.ic-window-alt:before{content:"\e9bb"}.ic-wrench-simple:before{content:"\e9bc"}.ic-youtube:before{content:"\e9bd"}
@font-face {font-family: 'Billabong';font-style: normal;font-weight: 400;src: url('/fonts/Billabong.ttf') format('truetype');}
:root {
  --bg: #efeff3;
  --dark: #1a2430;
  --ldark: #636e7a;
  --white: #fefefe;
  --whiteblr: #ffffff90;
  --darkblr: #35496295;
  --gray: #f2f2f8;
  --yellow: #e36a00;
  --sellow: #ffd500;
  --green: #c1ce50;
  --dgreen: #679c31;
  --red: #f60032;
  --blue: #249eda;
  --darkblue: #007ab5;
  --purple: #f504a3;
  --softblue: #e5ebf1;
}

.bg     {background-color: var(--bg);}
.bgdark {background-color: var(--dark);}
.bgred {background-color: var(--red);}
.bgwhite{background-color: var(--white);}
.bgsyellow{background-color: var(--sellow);}
.bgsblue{background-color: var(--softblue) !important;}
.bgblue{background-color: var(--blue)}
.bggray {background-color: var(--gray);}
.bggreen{background-color: var(--green);}
.bgwhiteblr{background-color: var(--whiteblr);}
.cgreen {color: var(--green);}
.cdgreen {color: var(--dgreen);}
.cyellow {color: var(--yellow);}
.cred {color: var(--red);}
.cblue {color: var(--blue);}
.cdarkblue {color: var(--darkblue);}
.cdarkblr {color: var(--darkblr);}
.cpurple {color: var(--purple);}
.cldark {color: var(--ldark);}
.csblue {color: var(--softblue);}
.cwhite {color: var(--white);}
.cdark  {color: var(--dark);}

*, *::before, *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
*:focus, *:active {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
}
html, body {
  direction: rtl;
  text-align: right;
  font-family: 'KalamehWebFaNum', sans-serif;
  background-color: var(--bg);
  min-height: 100vh;
  font-weight: 200;
  font-size: 16px;
  line-height: 1;
}

i {
  font-family: 'host' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

h1, .sitename{font-size: 24px;font-family: 'KalamehWebFaNum' !important;font-weight: 700;}
h2, h2 a {font-size: 24px;font-weight: 600;}
h3, h3 a {font-size: 22px;font-weight: 600;}
h4, h4 a {font-size: 16px;font-weight: 500;}
h5, h5 a {font-size: 16px;font-weight: 400;}
b, strong, .b {font-weight: 500;}
a {text-decoration: none; color: var(--dark);}
a, a:focus, a:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-focus-ring-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
hr {border: none; border-top: 1px solid var(--gray);}
ul {padding: 0 20px;list-style: none;}
li {line-height: 1.5;position: relative;}
ul li::before {
    content: "\e977";
    font-family: 'host' !important;
    position: absolute;
    right: -18px;
    top: 0;
    font-size: 10px;
    color: var(--ldark);
}
details {
  padding: 15px;
  border-radius: 15px;
  border: 1px solid var(--softblue);
}
details[open]{
  background-color: var(--softblue);
}
details[open] summary::before {content: "\e941";}
details:not(:last-child) {margin-bottom: 10px;}
details p {
  margin-top: 15px;
  text-align: justify;
  line-height: 1.5;
}
summary {
  list-style: none;
  font-weight: 400;
  font-size: 15px;
  padding-right: 15px;
  position: relative;
  cursor: pointer;
}
summary::-webkit-details-marker {display: none;}
summary::before {
  content: "\e960";
  font-family: 'host' !important;
  position: absolute;
  top: 0;
  right: -5px;
  font-size: 14px;
}
input,textarea {
  display: block;
  width: 100%;
  border: none;
  border-radius: 15px;
  padding: 12px 23px;
  font-family: 'KalamehWebFaNum';
  font-weight: 300;
  font-size: 16px;
}
label {display: block;font-size: 14px;margin-bottom: 7px;padding-right: 10px;}
.ifix1 {top: 1px;} .ifix2 {top: 2px;} .ifix3 {top: 3px;} .ifix4 {top: 4px;} .ifix5 {top: 5px;} .ifix6 {top: 6px;}

.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font18 {font-size: 18px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}

.cdetif    {margin-top: 3px;}
.marginT5  {margin-top: 5px;}
.marginT10 {margin-top: 10px;}
.marginT15 {margin-top: 15px;}
.marginT17 {margin-top: 17px;}
.marginT20 {margin-top: 20px;}
.marginT25 {margin-top: 25px;}
.marginT30 {margin-top: 30px;}
.marginT40 {margin-top: 40px;}
.marginT80 {margin-top: 80px;}
.marginT100{margin-top: 100px;}
.marginT120{margin-top: 120px;}

.marginB5  {margin-bottom: 5px;}
.marginB10 {margin-bottom: 10px;}
.marginB15 {margin-bottom: 15px;}
.marginB20 {margin-bottom: 20px;}
.marginB30 {margin-bottom: 30px;}
.marginB40 {margin-bottom: 40px;}
.marginB80 {margin-bottom: 80px;}
.marginB120{margin-bottom: 120px;}
.marginB240{margin-bottom: 240px;}

.marginR5  {margin-right: 5px;}
.marginR10 {margin-right: 10px;}
.marginR20 {margin-right: 20px;}
.marginR22 {margin-right: 22px;}
.marginR28 {margin-right: 28px;}
.marginR30 {margin-right: 30px;}
.marginR40 {margin-right: 40px;}

.marginL5  {margin-left: 5px;}
.marginL7  {margin-left: 7px;}
.marginL10 {margin-left: 10px;}
.marginL20 {margin-left: 20px;}
.marginL30 {margin-left: 30px;}
.marginL40 {margin-left: 40px;}

.paddingLR5  {padding-left: 5px;padding-right: 5px;}
.paddingLR10 {padding-left: 10px;padding-right: 10px;}
.paddingLR20 {padding-left: 20px;padding-right: 20px;}

.paddingTB5  {padding-top: 5px;padding-bottom: 5px;}
.paddingTB10 {padding-top: 10px;padding-bottom: 10px;}
.paddingTB20 {padding-top: 20px;padding-bottom: 20px;}

.paddingR35  {padding-right: 35px;}
.paddingT10  {padding-top: 10px;}
.paddingT20  {padding-top: 20px;}
.paddingB5   {padding-bottom: 5px;}
.paddingB10  {padding-bottom: 10px;}
.paddingB15  {padding-bottom: 15px;}
.paddingB100 {padding-bottom: 100px;}

.cn,.dcn {display: flex;column-gap: 0;flex: 1;position: relative;}
.cni1 {flex: 1;min-width: 0;}
.cni2 {flex: 2;min-width: 0;}
.cni3 {flex: 3;min-width: 0;}
.cni4 {flex: 4;min-width: 0;}
.cni5 {flex: 5;min-width: 0;}
.cni6 {flex: 6;min-width: 0;}

.gap0 {column-gap: 0px;}
.gap5 {column-gap: 5px;}
.gap10{column-gap: 10px;}
.gap20{column-gap: 20px;}

.accenter {align-content: center;}
.acend {align-content: end;}
.dirEN    {direction: ltr;}
.wrap     {overflow-wrap: break-word;}

.lined    {text-decoration: line-through;}
.tjustify {text-align: justify;}
.tcenter  {text-align: center;}
.tright   {text-align: right;}
.tleft    {text-align: left;}
.floatR   {float: right;}
.floatL   {float: left;}
.lheight1-5{line-height: 1.5;}
.cursorp {cursor: pointer;}

.dblock  {display: block;}
.diblock {display: inline-block;}
.dnon    {display: none;}

.ohidden  {overflow: hidden;}
.bordernon{border: none !important;}
.border{border: 1px solid var(--softblue) !important;}
.dborder{border: 1px solid var(--dark) !important;}
.width100 {width: 100% !important;}
.minh50 {min-height: 50px;}
.fixwhite {overflow: hidden;white-space: nowrap;}
.aspect1  {aspect-ratio: 1 / 1;}

.page404 {
    min-height: 100vh;
    padding-top: 210px;
}
.page404 i {font-size: 44px;}

    .hedericon {
      padding: 16px;
      font-size: 18px;
      border-radius: 50px;
      display: block;
      cursor: pointer;
    }

    .boxW {
      padding: 15px 20px;
      border-radius: 33px;
      position: relative;
    }

    .boxM {
      border-radius: 23px;
      position: relative;
      align-content: end;
    }

    .boxR {
      padding: 15px 20px;
      border-radius: 15px;
      position: relative;
      border: 1px solid var(--softblue);
    }

    .boxRintitle {
      margin: -15px -20px;
      margin-bottom: 10px;
      background-color: var(--softblue);
      padding: 15px 20px;
      position: relative;
    }

    .boxRintitle::after,
    .boxRintitle::before {
      content: "";
      width: 25px;
      height: 25px;
      position: absolute;
      right: -9px;
      bottom: -18px;
      border-radius: 0 0 100% 0;
      border: 8px solid var(--softblue);
      border-top: none;
      border-left: none;
      transform: rotate(275deg);
    }

    .boxRintitle::before {
      right: unset;
      left: -9px;
      transform: rotate(175deg);
    }

    .boxHolder {
      border-radius: 35px;
      padding: 25px 20px 100px 20px;
      background-color: var(--white);
      min-height: 100vh;
    }

    .boxLine {
      width: 55px;
      margin: -15px auto 13px auto;
      height: 3px;
      background-color: var(--ldark);
      border-radius: 50px;
      border: none;
    }

    .scrsec {
      display: block;
      white-space: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      min-width: 0;
      max-width: 100%;
    }

    .scrsec::-webkit-scrollbar {
      display: none;
    }

    .scrtile {
      display: inline-block;
      width: 250px;
      height: 350px;
      margin-left: 2px;
      border-radius: 35px;
      position: relative;
      overflow: hidden;
    }

    .scrtile:first-child {
      margin-right: 20px;
    }

    .scrtile:last-child {
      margin-left: 20px;
    }

    .scrtile img,
    .coursedetbox img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .scrintile,
    .crsintile {
      position: absolute;
      bottom: 5px;
      right: 5px;
      background-color: var(--whiteblr);
      border-radius: 10px 10px 30px 30px;
      display: block;
      width: calc(100% - 10px);
      min-height: 110px;
      padding: 10px;
      z-index: 3;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }

    .starctures {
      position: absolute;
      width: calc(100% - 38px);
      right: 21px;
      bottom: 18.5px;
      z-index: 4;
    }

    .startcourse {
      position: absolute;
      width: calc(100% - 28px);
      right: 18px;
      bottom: 10px;
      z-index: 4;
    }

    .starticon {
      background-color: var(--white);
      padding: 12px;
      font-size: 24px;
      border-radius: 50px;
    }

    .coursedetbox {
      width: 100%;
      height: 600px;
      border-radius: 40px;
      position: relative;
      overflow: hidden;
    }

    .crsintile {
      border-radius: 30px;
      width: calc(100% - 20px);
      min-height: 173px;
      bottom: 10px;
      right: 10px;
    }

    .crstopaction,
    .crsbottomaction {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 3;
      width: calc(100% - 30px);
    }

    .crsbottomaction {
      z-index: 4;
    }

    .crsdet {
      padding: 20px;
      border-radius: 22px;
    }

    .crsmain {
      padding: 20px 25px;
      border-radius: 30px;
      position: relative;
      min-height: 100vh;
    }

    .crsbottomaction .hedericon.bgwhite {
      transition: 0.3s;
    }

    .crsbottomaction .hedericon.bgwhite:hover {
      transition: 0.3s;
      background-color: var(--softblue);
    }

    .minibtn,
    .btn,
    .nav a:not(.sitename, .socials a, .tohome a) {
      align-content: center;
      position: relative;
      font-weight: 400;
      border-radius: 50px;
      cursor: pointer;
      transition: 0.5s;
      overflow: hidden;
    }

    .btn i {
      position: absolute;
      right: 13px;
      font-size: 18px;
      top: calc(50% - 9px);
    }

    .minibtn {
      font-size: 14px;
      font-weight: 300;
      padding: 10px 0;
    }

    .medbtn {
      padding: 9px;
    }

    .minibtnline {
      position: absolute;
      top: calc(50% - 14px);
      left: 13px;
    }

    .nav {
      background-color: var(--white);
      border-radius: 30px;
      min-height: 0;
      max-height: calc(100vh - 40px);
      position: sticky;
      margin: 0 20px 20px 0;
      top: 20px;
    }

    .nav a:not(.sitename, .socials a, .tohome a) {
      display: block;
      padding: 14px 20px;
      margin-left: 10px;
      margin-right: 10px;
      transition: 0.6s;
      padding-right: 50px;
    }

    .nav a:hover:not(.sitename, .socials a, .tohome a) {
      padding-right: 60px;
      color: var(--white);
      background-color: var(--dark);
      transition: 0.6s;
    }

    .nav a i:not(.socials i, .tohome i) {
      display: inline-block;
      padding: 10px;
      border-radius: 50px;
      color: var(--dark);
      background-color: var(--white);
      box-shadow: 0 0 45px 7px var(--softblue);
      position: absolute;
      right: 4px;
      top: calc(50% - 18.2px);
      font-size: 16px;
    }

    .socials,
    .tohome {
      position: absolute;
      left: 35px;
      bottom: 32px;
    }

    .tohome {
      bottom: 34px;
      right: 100px;
    }

    .socials i {
      font-size: 24px;
    }

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

    .socials a,
    .tohome a {
      display: inline-block;
    }

    .socials a:not(:last-child) {
      margin-left: 10px;
    }

    .mmenu {
      position: fixed;
      z-index: 1000;
      bottom: 25px;
      right: 25px;
      font-size: 28px;
      padding: 14px;
      border-radius: 50px;
      cursor: pointer;
      background-color: var(--darkblr);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      color: var(--white);
      box-shadow: 0 0 30px 5px var(--softblue);
    }

    .wallet {
      background-color: var(--green);
      padding: 5px;
      border-radius: 30px;
    }

    .walletin {
      border: 2px dashed var(--white);
      border-radius: 25px;
      min-height: 100%;
      padding: 10px;
    }

    .imbox {
      font-size: 30px;
      position: absolute;
      top: calc(50% - 15px);
      right: calc(50% - 15px);
    }

    .bimbox {
      top: 20px;
    }

    .boxRaction {
      border-radius: 50px;
      font-size: 14px;
    }

    .boxRaction span {
      margin-top: 11px;
      margin-left: 10px;
      display: inline-block;
      line-height: 1;
    }

    i.boxRaction,
    .boxRaction i {
      font-size: 18px;
      padding: 9px;
    }

    .logo {
      display: block;
      width: 40px;
      margin-right: 5px;
    }

    .conditions a {
      border-radius: 8px;
      padding: 10px;
    }

    .conditions a:not(:first-child) {
      margin-top: 3px;
    }

    .msgbox {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 995;
      background-color: var(--darkblr);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
    }

    .msgbox.active {
      opacity: 1;
      visibility: visible;
    }

    .msg {
      position: fixed;
      bottom: -100%;
      right: 25px;
      z-index: 996;
      background-color: var(--white);
      width: calc(100% - 50px);
      border-radius: 15px;
      padding: 15px 20px 20px 20px;
      transform: rotate(-60deg);
      transition: all 0.65s ease;
    }

    .msg.active {
      bottom: 105px;
      transform: rotate(0deg);
    }

    .btn.disabled,
    .minibtn.disabled {
      transition: 0.5s;
      cursor: not-allowed;
      opacity: 0.63;
      position: relative;
      overflow: hidden;
    }

    .btn.disabled::after,
    .minibtn.disabled::after {
      content: "";
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.3) 50%,
          rgba(255, 255, 255, 0) 100%);
      animation: skeleton-shine 1.4s infinite;
      pointer-events: none;
    }

    @keyframes skeleton-shine {
      0% {
        left: 100%;
      }

      100% {
        left: -100%;
      }
    }

        .check {
      padding-right: 0;
    }

    .check::before {
      content: "";
      width: 25px;
      height: 25px;
      background-color: var(--white);
      border-radius: 50px;
      display: inline-block;
      position: relative;
      top: 8px;
      margin-left: 5px;
      border: 5px solid var(--white);
    }

    .realchk {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }

    .realchk:checked+.check::before {
      background-color: var(--blue);
      border-color: var(--white);
    }


    @media all and (max-width: 900px) {
      .flexrev {
        flex-direction: column-reverse;
      }

      .mhide {
        display: none;
      }

      .dcn {
        display: block;
      }

      .mmarginT10 {
        margin-top: 10px;
      }

      .mmarginT20 {
        margin-top: 20px;
      }

      .mmarginT40 {
        margin-top: 40px;
      }

      .crsintile {
        border-radius: 40px 40px 0 0;
        min-height: 210px;
        width: 100%;
        bottom: 0;
        right: 0;
      }

      .dcniwrap:not(:first-child) {
        margin-top: 10px !important;
      }

      .coursedetbox {
        border-radius: 40px 40px 0 0;
      }

      .crsmain {
        margin-top: -38px;
        z-index: 5;
      }

      .nav {
        position: fixed;
        border-radius: 0;
        min-height: 100%;
        max-height: 100%;
        width: 100%;
        margin: 0;
        top: 0;
        right: -100vw;
        z-index: 999;
        transition: right 0.4s ease;
      }

      .nav.active {
        right: 0;
      }
    }

    @media all and (min-width: 900px) {
      .coursedetbox {
        position: sticky;
        margin-bottom: 20px;
        height: calc(100vh - 40px);
        top: 20px;
      }

      .dpsti {
        position: sticky;
        top: 20px;
      }

      .socials {
        text-align: center;
        width: calc(100% - 40px);
        left: unset;
      }

      .dmarginB20 {
        margin-bottom: 20px;
      }

      .dmarginT20 {
        margin-top: 20px;
      }

      .dmarginT40 {
        margin-top: 40px;
      }

      .dmarginL20 {
        margin-left: 20px;
      }

      .dmarginR20 {
        margin-right: 20px;
      }

      .boxHolder {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
      }

      .dpaddingLR250 {
        padding-left: 250px;
        padding-right: 250px;
      }

      .dcnwrap {
        flex-wrap: wrap;
        display: flex;
        gap: 10px;
      }

      .dcniwrap {
        flex: 0 0 calc(50% - 10px) !important;
      }

      .msg {
        width: 400px;
        right: calc(50% - 200px);
      }

      .msg.active {
        bottom: 50%;
        transform: rotate(0deg);
      }

      .dhide {
        display: none;
      }
    }

    @supports (-webkit-touch-callout: none) {
      .btn {
        padding-bottom: 6px;
      }

      .boxR {
        padding: 12px 20px 18px 20px;
      }

      .nav a {
        padding-top: 12px;
        padding-bottom: 16px;
      }

      .minibtn {
        padding-top: 7px;
        padding-bottom: 11px;
      }

      .medbtn {
        padding-top: 7px;
        padding-bottom: 12px;
      }

      .boxHolder {
        margin-top: 5px;
      }

      .boxRaction span {
        margin-top: 9px;
      }

      .cdetif {
        margin-top: 5px;
      }
      body,nav {padding-top: env(safe-area-inset-top);}
      .nav {
        min-height: calc(100vh + env(safe-area-inset-bottom));
        max-height: calc(100vh + env(safe-area-inset-bottom));
      }
    }