:root {
   --clr-neutral-100: #fbfbfd;
   --clr-neutral-150: #f4f4f4;
   --clr-neutral-200: #eeeeee;
   --clr-neutral-250: #b5b4b4;
   --clr-neutral-300: #8b8b8b;
   --clr-neutral-400: #333232;
   --clr-neutral-500: #021f30;
   --clr-neutral-600: #1e2b32;
   --clr-neutral-700: #232323;
   --clr-neutral-750: #031926;
   --clr-neutral-800: #06141c;
   --clr-neutral-900: #1c1d21;
   --clr-secondary-200: #e3f3cf;
   --clr-accent-25: #f4fff5;
   --clr-accent-50: #e4ffe5;
   --clr-accent-100: #cfe9d0;
   --clr-accent-200: #70ff00;
   --clr-accent-400: #3ff360;
   --clr-accent-500: #33c34e;
   --clr-accent-600: #57b25a;
   --clr-accent-700: #04af2f;
   --clr-accent-800: #2c9d30;
   --clr-beige: hsl(54, 79%, 58%, 0.6);
   --clr-yellow-200: #fefad8;
   --clr-yellow-400: #FFE529;
   --clr-orange-200: #fcdbc4;
   --clr-orange-300: #ff9175;
   --clr-orange-400: #f46f14;
   --clr-blue-200: #bfe4f5;
   --clr-blue-300: #aed3ff;
   --clr-blue-400: #0196da;
   --clr-blue-700: #4fa9c5;
   --clr-blue-900: #233743;
   --clr-danger-400: #ae4136;

   --ff-poppins: "Poppins", sans-serif;
   --ff-lato: "Lato", sans-serif;
   --ff-raleway: "Raleway", sans-serif;
   --ff-nunito: "Nunito", sans-serif;

   --fs-900: 2.5rem;
   --fs-850: 1.688rem;
   --fs-800: 1.85rem;
   --fs-750: 2rem;
   --fs-700: 1.65rem;
   --fs-600: 1.25rem;
   --fs-550: 1.125rem;
   --fs-500: 1rem;
   --fs-450: 0.95rem;
   --fs-400: 1rem;
   --fs-300: 0.855rem;
   --fs-200: 0.775rem;

   --container-width: 1413px;

   --container: min(calc(100% - 1.175rem * 2), var(--container-width));
}

@media(min-width: 32rem) {
   :root {
      --fs-900: 3rem;
      --fs-850: 1.9rem;
      --fs-800: 2.25rem;
      --fs-750: 2rem;
      --fs-700: 1.6rem;
      --fs-600: 1.37rem;
   }
}

@media(min-width: 40rem) {
   :root {
      --fs-900: 3.75rem;
      --fs-850: 2.313rem;
      --fs-800: 3rem;
      --fs-750: 2.5rem;
      --fs-700: 1.9rem;
      --fs-600: 1.563rem;
      --fs-550: 1.25rem;
      --fs-500: 1.25rem;
   }
}

*,
*::before,
*::after {
   box-sizing: border-box;
}

* {
   margin: 0;
   padding: 0;
   font: inherit;
}

ul {
   list-style: none;
   padding: 0;
}

html {
   scroll-behavior: smooth;
}

a {
   text-decoration-skip-ink: auto;
   text-decoration: none;
   color: currentColor;
}

a:not(.button):not(.cart-item):not(.dropdown__item a):hover {
   color: var(--clr-accent-700);
   cursor: pointer;
}

img,
picture,
video,
svg {
   max-width: 100%;
   display: block;
}

body {
   min-height: 100vh;
   line-height: 1.5;
   font-family: var(--ff-poppins);
   background-color: var(--clr-neutral-100);
}

body,
html {
   overflow-x: hidden;
}

h1,
h2 {
   font-family: var(--ff-lato);
   font-weight: bold;
}

svg path,
svg {
   transition: 0.25s ease;
}

b {
   font-weight: 700;
}

/* utilities */
.desktop-only {
   display: none;
}

@media (min-width: 40rem) {
   .desktop-only {
      display: block;
   }

   .mobile-only {
      display: none;
   }
}

.flow {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.flow .button {
   align-self: flex-start;
}

.fs-900 {
   font-size: var(--fs-900);
}

.fs-850 {
   font-size: var(--fs-850);
   line-height: 1.4;
}

.fs-800 {
   font-size: var(--fs-800);
}

.fs-700 {
   font-size: var(--fs-700);
}

.fs-750 {
   font-size: var(--fs-750);
}

.fs-600 {
   font-size: var(--fs-600);
}

.fs-550 {
   font-size: var(--fs-550);
}

.fs-500 {
   font-size: var(--fs-500);
}
.fs-450 {
   font-size: var(--fs-450);
}

.fs-400 {
   font-size: var(--fs-400);
}

.fs-300 {
   font-size: var(--fs-300);
}

.fs-200 {
   font-size: var(--fs-200);
}

h2 {
   line-height: 1;
}

.lh-base {
   line-height: 1.1rem;
}

.max-w {
   margin-inline: auto;
   max-width: 40ch;
}

@media (min-width: 40rem) {
   .lh-base {
      line-height: 1.6rem;
   }

   .max-w {
      margin-inline: auto;
      max-width: 90ch;
   }
}

.uppercase {
   text-transform: uppercase;
}

.text-center {
   text-align: center;
}

.bg-text {
   background-color: #fff;
   padding: 0 0.5rem;
   border-radius:0rem;
   color: var(--clr-accent-700);
}

.bg-yellow-200 {
   background-color: var(--clr-yellow-200);
}

.bg-secondary-200 {
   background-color: var(--clr-secondary-200);
}

.inline-block {
   display: inline-block;
}

.bg-white {
   background-color: #fff;
}

.bg-accent-50 {
   background-color: var(--clr-accent-50);
}

.bg-accent-100 {
   background-color: var(--clr-accent-100);
}

.min-w-0 {
   min-width: 0;
   overflow-x: hidden;
   padding-inline: 1.875rem;
}

.bg-neutral-150 {
   background-color: var(--clr-neutral-150);
}

.bg-neutral-200 {
   background-color: var(--clr-neutral-200);
}
.bg-neutral-250 {
   background-color: var(--clr-neutral-250);
}

.bg-neutral-800 {
   background-color: var(--clr-neutral-800);
}

.flex-group {
   display: flex;
   align-items: center;
   gap: var(--gap, .5rem);
}

.pagination-buttons {
   margin-top: min(7vw, 4rem);
}

.justify-between {
   justify-content: space-between;
}

.justify-center {
   justify-content: center;
}

.mt {
   margin-top: var(--margin, 1rem);
}

.mb {
   margin-bottom: var(--margin, 1rem);
}

.show-more-button span,
.show-more-button img {
   pointer-events: none;
}

.show-more-button[aria-expanded=true] img {
   transform: rotate(180deg);
}

.flex-wrap {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: var(--gap, 1rem);
}

.flow {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.section-padding {
   padding-block: min(8vw, 2.5rem);
}

.section-padding[data-padding="large"] {
   padding-block: min(10vw, 4rem);
}

.flow[data-spacing="small"] {
   gap: 0.5rem;
}

.flow[data-spacing="large"] {
   gap: 2rem;
}

.container {
   width: var(--container);
   margin-inline: auto;
}

.container--lg {
   width: min(calc(100% - .5rem * 2), 95.875rem);
   margin-inline: auto;
}

.container--sm {
   width: min(calc(100% - 1rem * 2), 75.875rem);
   margin-inline: auto;
}

.container--xs {
   width: min(calc(100% - 1.25rem * 2), 1128px);
   margin-inline: auto;
}

.one-side-container {
   margin-left: calc((100% - min(calc(100% - 1.875rem * 2), var(--container-width))) / 2);
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
}

.ff-poppins {
   font-family: var(--ff-poppins);
}

.ff-lato {
   font-family: var(--ff-lato);
}

.ff-railway {
   font-family: var(--ff-railway);
}

.ff-nunito {
   font-family: var(--ff-nunito);
}

.fw-400 {
   font-weight: 400;
}

.fw-500 {
   font-weight: 500;
}

.fw-600 {
   font-weight: 600;
}

.fw-700 {
   font-weight: 700;
}

.text-accent-700 {
   color: var(--clr-accent-700);
}

.text-orange-400 {
   color: var(--clr-orange-400);
}

.text-yellow-400 {
   color: var(--clr-yellow-400);
}

.text-white {
   color: white;
}

.text-neutral-300 {
   color: var(--clr-neutral-300);
}

.text-neutral-200 {
   color: var(--clr-neutral-200);
}

.text-black {
   color: black;
}

.icon-link svg path {
   transition: none;
}

.button-reset {
   cursor: pointer;
   border: 0;
   background-color: transparent;
}

.label {
   /* margin-bottom: 0.1rem; */
   font-size: 0.98rem;
}

.input {
   border: 1px solid var(--clr-accent-700);
   border-radius:0rem;
   padding: 0.5rem 0.75rem;
   font-size: 0.98rem;
}

.input.invalid {
   border: 1px solid hsl(4, 100%, 90%);
   background-color: hsl(4, 100%, 95%);
}

.input::placeholder {
   font-size: 0.95rem;
}

@media (min-width: 800px) {
   .label {
      font-size: 1rem;
   }

   .input {
      padding: 0.5rem 0.75rem;
      font-size: 1rem;
   }

   .input::placeholder {
      font-size: 1rem;
   }
}

.input:focus {
   outline: none;
   border-color: #000;
}

.radio {
   width: 20px;
   height: 20px;
   border: 1px solid #fff;
   border-radius: 0rem;
   appearance: none;
   position: relative;
   cursor: pointer;
   transition: .25s ease;
}

.radio::after {
   content: '';
   position: absolute;
   inset: .25rem;
   border-radius: inherit;
   background-color: var(--clr-accent-700);
   transform: scale(0);
   transition: .25s ease;
}

.radio:checked {
   border-color: var(--clr-accent-700);
}

.radio:checked::after {
   transform: scale(1);
}

.checkbox {
   display: flex !important;
   gap: .5rem;
   align-items: center;
   position: relative;
   cursor: pointer;
   user-select: none;
}

.checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.checkbox input.invalid+.checkmark {
   border: 1px solid hsl(4, 100%, 90%);
   background-color: hsl(4, 100%, 95%);
}

.checkmark {
   position: relative;
   display: inline-block;
   height: 22px;
   width: 22px;
   background-color: #fff;
   border: 1px solid var(--clr-neutral-400);
   border-radius:0rem;
}

.checkbox input:checked~.checkmark {
   border: 1px solid var(--clr-accent-700);
   background-color: var(--clr-accent-700);
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.checkbox input:checked~.checkmark:after {
   display: block;
}

.checkbox .checkmark:after {
   background-image: url('../img/check.svg');
   background-repeat: no-repeat;
   background-position: center;
   position: absolute;
   inset: 0;
}

.password-input-wrapper {
   position: relative;
}

.password-input-wrapper button {
   width: 1rem;
   height: 1rem;
   background-image: url("../img/auth/eye-crossed.svg");
   background-repeat: no-repeat;
   background-size: 100%;
   position: absolute;
   right: 1rem;
   top: 50%;
   transform: translateY(-50%);
}

.password-input-wrapper button[aria-checked="false"] {
   top: 52%;
   width: 1.01rem;
   height: 1.01rem;
   background-image: url("../img/auth/eye.svg");
}

.pill {
   background-color: var(--clr-accent-800);
   border-radius:0rem;
   padding: min(.5vw, .4rem) .75rem;
   text-decoration: underline;
   font-weight: 600;
}

.pill:hover {
   color: #fff !important;
   text-decoration: unset;
}

.button {font-size:.90rem;
   cursor: pointer;
   background-color: var(--clr-accent-700);
   border: 2px solid transparent;
   color: #fff;
   border-radius:0rem;
   padding-block: 0.5em;
   padding-inline: 1em;
   transition: all 0.25s ease;
   display: flex;
   align-items: center;
   gap: 0.4rem;
   min-height: 46px;
   justify-content: center;
}

.button svg {
   max-height: 25px;
}

.button:hover {
   background-color: var(--clr-accent-50);
   border-color: var(--clr-accent-700);
   color: var(--clr-accent-700);
}

.button:hover svg path,
.icon-link:hover svg path {
   fill: var(--clr-accent-700);
}

.button--transparent {
   min-height: 42px;
   background-color: #fff;
   color: #000;
   border: 1px solid var(--clr-neutral-250);
}

.button--filter {
   min-height: auto;
   padding: .6rem 2rem;
   background-color: var(--clr-blue-900);
}

.button--filter:hover {
   border-color: var(--clr-blue-900);
   background-color: var(--clr-blue-900);
   color: #fff;
}

.hover-underline:hover {
   text-decoration: underline;
}

.icon-link {
   display: flex;
   align-items: center;
   gap: 0.5rem;
}

.button--black {
   background-color: var(--clr-neutral-800);
   font-weight: 700;
}

.button--black-blue:hover {
   background-color: var(--clr-blue-200);
   color: var(--clr-blue-400);
   border-color: var(--clr-blue-400);
}

.button--black-blue:hover svg path {
   fill: var(--clr-blue-400);
}

.button--large {
   font-size: 20px;
   font-weight: bold;
   border-radius:0px;
   padding: 0.6rem 1.25rem;
}

.button--white {
   background-color: #fff;
   color: #000;
   box-shadow: -3.26795px 3.26795px 16.3398px rgba(67, 67, 67, 0.12);
}

.button--white:hover {
   background-color: var(--clr-accent-700);
   color: #fff;
}

.button--blue {
   background-color: var(--clr-blue-400);
}

.button--blue:hover {
   background-color: var(--clr-blue-200);
   color: var(--clr-blue-400);
   border-color: var(--clr-blue-400);
}

.button--blue:hover svg path {
   fill: var(--clr-blue-400);
}

.button--orange {
   background-color: var(--clr-orange-400);
}

.button--orange:hover {
   background-color: var(--clr-orange-200);
   color: var(--clr-orange-400);
   border-color: var(--clr-orange-400);
}

.button--orange:hover svg path {
   fill: var(--clr-orange-400);
}

.bg-black {
   background-color: #000;
}

.bg-blue-200 {
   background-color: var(--clr-blue-200);
}

.text-blue-400 {
   color: var(--clr-blue-400);
}

.bg-orange-200 {
   background-color: var(--clr-orange-200);
}

.header {
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
   z-index: 20;
   padding: .75rem min(3vw, 1.875rem);
   margin-inline: auto;
   position: relative;
}

@media (min-width: 59rem) {
   .header {
      padding-block: .7rem;
   }
}

.nav__link[aria-current="page"] {
   color: var(--clr-accent-700);
}

.nav__link:hover,
.nav__link:focus-within {
   text-decoration: underline;
}

.header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   transform: translateY(-100%);
   opacity: 0;
   transition: 0.6s ease-in-out;
}

.header.show {
   opacity: 1;
   transform: translateY(0);
}

.header__auth-buttons {
   margin-left: auto;
   gap: 1.5rem;
}

.header__logo {
   z-index: -1 !important;
   max-width: 170px;
   min-width: 42px;
   margin-right: 1rem;
}

@media (min-width: 25rem) {
   .header__logo {
      max-width: 210px;
   }

   .menu-right-head {
      text-align: center;
   }
}

.cart-button,
.search-button {
   display: grid;
   position: relative;
   place-content: center;
}

.cart-button::before {
   content: attr(data-number);
   width: 20px;
   height: 20px;
   padding: 2px;
   background-color: var(--clr-accent-700);
   color: #fff;
   font-size: 12px;
   border-radius:0vmax;
   line-height: 1;
   display: grid;
   place-items: center;
   position: absolute;
   top: -6px;
   right: -5px;
}

.mobile-search-button {
   display: none;
   place-content: center;
   cursor: pointer;
   border: 0;
   background: transparent;
   background-image: url("../img/mobile-search.svg");
   background-repeat: no-repeat;
   min-width: 25px;
   height: 25px;
}

.mobile-search-button[aria-expanded="true"] {
   background-image: url("../img/close-mobile-search.svg");
   min-width: 20px;
   height: 20px;
}

.dropdown__toggle {
   transition: 0.25s ease;
}

.dropdown__toggle svg {
   min-width: 19px;
}

.dropdown__toggle svg,
.dropdown__toggle span {
   pointer-events: none;
}

.dropdown__toggle:hover {
   color: var(--clr-accent-700);
}

.dropdown__toggle .chevron {
   transition: none;
}

.dropdown__toggle:hover .chevron path {
   stroke: var(--clr-accent-700);
}

.dropdown__toggle[aria-expanded="true"] .chevron {
   transform: rotate(180deg);
}

.dropdown__list {
   display: none;
   max-width: 300px;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
   background-color: #fff;
   border-radius:0rem;
   padding: 0.5rem;
   margin-top: 0.75rem;
   margin-left: 1.7rem;
}

.dropdown__list[data-visible] {
   display: block;
}

.dropdown__item {
   cursor: pointer;
   border-radius:0rem;
   padding: 0.95rem 1rem;
   transition: 0.25s ease;
}

.dropdown__item a {
   display: flex;
   align-items: center;
   gap: 0.6rem;
}

.dropdown__item svg path {
   fill: #000;
}

.dropdown__item[aria-current="page"],
.dropdown__item:hover {
   color: var(--clr-accent-700);
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   background-color: var(--clr-neutral-150);
}

.dropdown__item[aria-current="page"] svg path,
.dropdown__item:hover svg path {
   fill: var(--clr-accent-700);
}

.dropdown__item:hover {
   color: var(--clr-accent-700);
}

@media (max-width: 59rem) {

   .nav__search:focus-within,
   .search-input:focus-within {
      border-color: #40a944;
      outline: none;
   }

   .header__buttons {
      flex: 1;
      justify-content: flex-end;
   }

   .nav__search-wrapper--mobile {
      flex: 1;
      max-width: 450px;
   }

   .cart-button--desktop {
      display: none;
   }

   .nav {
      display: none;
      position: absolute;
      background-color: #fff;
      inset: 64px 0 auto;
      margin-left: auto;
      border-radius: 0rem;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
   }

   .nav[data-visible] {
      display: block;
   }

   .nav__list {
      display: grid;
   }

   .nav__item--button {
      justify-self: start;
   }

   .nav__item {
      padding-inline: 1.7rem;
      padding-block: 1rem;
      border-bottom: 1px solid var(--clr-neutral-250);
   }

   .nav-toggle {
      display: block;
      cursor: pointer;
      border: 0;
      background: transparent;
      background-image: url("/public/assets/newDesign/img/hamburger.svg");
      background-repeat: no-repeat;
      min-width: 25px;
      height: 25px;
   }

   .nav-toggle[aria-expanded="true"] {
      background-image: url("/public/assets/newDesign/img/close.svg");
   }

   .nav__search:not(.nav__search--mobile) {
      display: none;
   }

   .nav__search--mobile {
      width: 100%;
      min-width: 100px;
      font-size: 12px;
      display: block;
      border-radius: 0vmax;
      padding: 6px 14px;
   }

   .nav__search-wrapper--mobile[data-visible] {
      display: inline-block;
   }
}

@media (min-width: 59rem) {
   .nav__search-wrapper--mobile {
      display: none;
   }

   .cart-button--desktop {
      min-width: 27px;
      border: 0;
      display: grid;
   }

   .cart-button--mobile {
      display: none;
   }

   .header__search-button {
      display: none;
   }

   .header {
      padding-inline: 0;
      box-shadow: none;
      width: var(--container);
      margin-inline: auto;
   }

   .dropdown {
      position: relative;
   }

   .dropdown__list {
      min-width: 260px;
      z-index: 999;
      margin-left: 0;
      left: 0;
      position: absolute;
   }

   .nav-toggle {
      display: none;
      z-index: 10;
   }

   .nav {
      flex: 1;
   }

   .nav__list {
      font-size: 15px;
      display: flex;
      align-items: center;
      gap: min(2vw, 1.7rem);
   }

   .nav__item--left {
      margin-left: auto;
   }

   .nav__item--right {
      margin-right: auto;
   }
}

@media (min-width: 70rem) {
   .nav__list {
      margin-left: min(2vw, 2rem);
   }
}

.nav__search:focus-within,
.search-input:focus-within {
   border-color: #40a944;
   outline: none;
   border-radius: 0rem;
}

.nav__search-wrapper,
.search-input-wrapper {
   position: relative;
}

.search-input-wrapper {
   max-width: 500px;
}

.nav__search,
.search-input {
   border: 1px solid var(--clr-accent-700);
   border-radius: 0rem;
   font-size: 13px;
}

.search-input {
   padding: 0.8rem;
   width: 100%;
   background-color: transparent;
}

.nav__search-wrapper--mobile::after {
   content: "";
   background-image: url("/public/assets/newDesign/img/search-accent.svg");
   background-color: var(--clr-neutral-100);
   background-position: right;
   position: absolute;
   top: 47%;
   transform: translateY(-50%);
   right: .7rem;
   width: 20px;
   height: 20px;
   background-size: 100%;
   display: block;
}

.search-input-wrapper::after {
   content: "";
   background-image: url("/public/assets/newDesign/img/search-accent.svg");
   background-position: right;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 1rem;
   width: 20px;
   height: 20px;
   background-size: 100%;
   display: block;
}

@media (min-width: 59rem) {
   .nav__item:not(.nav__search) {
      white-space: nowrap;
   }

   .nav__search {
      padding: 14px 21px;
      display: block;
      width: 100%;
   }

   .nav__search-wrapper {
      width: 100%;
   }

   /*.nav__search-wrapper::after {
        content: "";
        background-image: url("../img/search-accent.svg");
        background-position: right;
        background-color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1rem;
        width: 20px;
        height: 20px;
        background-size: 100%;
        display: block; z-index:2; cursor:pointer;
    }*/
}

.footer__main {
   background-image: url("../img/footer-bg.svg");
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: top 20px right 20px;
}

@media (min-width: 45rem) {
   .footer__main {
      background-position: top 20px left 0;
      background-size: 29%;
   }
}

.footer__main {
   margin-inline: auto;
   color: #fff;
   padding-top: 1.813rem;
   padding-bottom: 6rem;
   align-items: flex-start;
   gap: 2rem;
}

.footer__main>div:first-child {
   font-size: 0.85rem;
   max-width: 300px;
}

.footer__legal {
   background-color: #fff;
}

.footer-nav {
   display: flex;
   flex-wrap: wrap;
   row-gap: 1rem;
   column-gap: 50px;
   margin-top: 1.5rem;
}

@media (min-width: 80rem) {
   .footer__main {
      padding-top: 3.95rem;
      padding-bottom: 4.988rem;
      flex-direction: row !important;
      align-items: flex-start;
      gap: 4.188rem !important;
      padding-bottom: 5rem;
   }

   .footer-nav {
      column-gap: 0;
      margin-top: 0;
      width: 100%;
      justify-content: space-between;
   }
}

.footer-nav__list {
   max-width: 330px;
   margin-top: 1rem;
   display: grid;
   gap: 0.7rem;
   font-size: 14px;
}

.footer-nav__item a {
   font-size: 13px;
   gap: 0.5rem;
   display: flex;
   align-items: center;
   transition: 0.25s ease;
}

.footer-nav__item a:hover svg path {
   stroke: var(--clr-accent-700);
}

.footer-nav__item svg {
   transform: rotate(-90deg);
}

.contact__item {
   line-height: 1.4;
   display: flex;
   align-items: flex-start;
   gap: 0.5rem;
}

.contact__item svg {
   margin-top: 0.1rem;
   min-width: 20px;
}

.footer__legal-wrapper {
   background-color: #fff;
}

.footer__legal {
   text-align: center;
   padding-block: 1.2rem;
}

@media (min-width: 28rem) {
   .footer__legal {
      font-size: 1rem;
   }
}

.footer__legal-logo {
   display: none;
   max-width: 80px;
}

@media (min-width: 55rem) {
   .footer__legal-logo {
      display: block;
   }

   .footer__legal {
      flex-direction: row;
      align-items: center;
      justify-content: center;
   }
}

@media (max-width: 55rem) {
   .footer__legal-list {
      order: 1;
   }
}

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

.footer__legal-list li {
   padding-inline: 1rem;
}

.footer__legal-list li:not(:first-child) {
   border-left: 2px dotted #000;
}

.social__list {
   margin-top: 1rem;
   display: flex;
   align-items: center;
   gap: 1rem;
}

.social__link {
   background-color: var(--clr-neutral-500);
   width: 45px;
   height: 45px;
   display: grid;
   place-items: center;
   border-radius:0vmax;
}

.social__link:hover svg path {
   fill: var(--clr-accent-500);
}

.pricing-card {
   background-color: #fff;
   color: #000;
   border-radius: 0rem;
   padding-top: 1.5rem;
   max-width: 400px;
}

.pricing-card__like-button {
   cursor: pointer;
   border: 0;
   background-color: transparent;
   border: 1px solid #202020;
   border-radius: 0rem;
   width: 35px;
   height: 35px;
   display: grid;
   place-items: center;
   transition: 0.25s ease;
}

.pricing-card__like-button:hover {
   background-color: var(--clr-accent-50);
}

.pricing-card__flex-between {
   padding-inline: 1.25rem;
   justify-content: space-between;
}

.pricing-card__flex-between {
   margin-bottom: 1.5rem;
}

.pricing-card__price {
   line-height: 1.2;
   font-family: "Nunito", sans-serif;
   font-weight: 700;
   font-size: 30px;
}

.pricing-card__prev-price {
   color: #9a9a9a;
}

.pricing-card__prices {
   align-items: flex-end;
}

.pricing-card__note {
   margin-bottom: 0.25rem;
}

.pricing-card__footer {
   font-weight: 500;
   padding: 1rem 2rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.pricing-card--ebook {
   width: min(100%, 425px);
   max-width: unset;
}

.pricing-card--ebook__accent-section {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.pricing-card__accent-section {
   padding-block: 1rem;
}

.pricing-card__includes {
   display: grid;
   grid-template-columns: 75px 10px 1fr;
}

@media (max-width: 57rem) {
   .pricing-card {
      display: none;
   }

   .pricing-card--mobile {
      transform: translateY(100%);
      transition: 0.3s ease;
      display: grid;
   }

   .pricing-card--desktop {
      display: none;
   }

   .pricing-card--mobile.show {
      transform: translateY(0);
   }
}

@media (min-width: 57rem) {
   .pricing-card--desktop {
      display: block;
   }

   .pricing-card--mobile {
      display: none;
   }
}

.pricing-card--mobile {
   box-shadow: 0px -5px 11px rgba(0, 0, 0, 0.1);
   max-width: 100%;
   height: 104px;
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 99;
   border-radius: 0;
   padding-block: 5px;
   place-items: center;
}

.pricing-card--mobile__content {
   display: grid;
   grid-template-columns: 100px 1fr;
   align-items: center;
   max-width: 355px;
   margin-inline: auto;
   gap: 1.5rem;
}

.pricing-card--mobile .button {
   justify-content: center;
   margin-bottom: 0.4rem;
   padding-block: 0.8rem;
}

.pricing-card--mobile__price {
   font-size: 25px;
}

.pricing-card--desktop {
   transform: translateY(-150%);
   transition: 0.3s ease;
   padding-block: 1rem;
   z-index: 999;
   border-radius: 0;
   position: fixed;
   top: 38px;
   left: 0;
   right: 0;
   background-color: var(--clr-neutral-800);
   color: #fff;
   width: 100%;
   max-width: 100%;
}

.pricing-card--desktop.show {
   transform: translateY(0);
}

.pricing-card--desktop__price {
   line-height: 1;
}

.pricing-card--desktop__content {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.testimonials {
   padding-block: min(7vw, 2.688rem);
}

@media (min-width: 70rem) {
   .testimonials__container {
      justify-content: center;
   }
}

.testimonial p {
   text-align: center;
   line-height: 1.2;
}

.testimonial {
   max-width: 180px;
   min-height:80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 0.75rem;
  /* background-color: #fff;
   box-shadow: 0px 2px 60px hsl(212, 6%, 45%, 0.24);
   border-radius: 0rem;*/
}

@media (min-width: 40rem) {
   .testimonial-mobile-only {
      display: none;
   }
}

.icon-button {
   cursor: pointer;
   border: 0;
   background-color: #fff;
   min-width: 45px;
   height: 45px;
   border-radius: 0rem;
   display: grid;
   place-content: center;
   transition: 0.25s ease;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
   font-size:26px;
}

.icon-button--cart {
   padding-left: 0.6rem;
}

.icon-button svg {
   pointer-events: none;
}

.icon-button:hover {
   background-color: var(--clr-accent-700);
   color:#fff;
}

.icon-button:hover svg:not(.fill-icon) path {
   stroke: #fff;
}

.icon-button--inverted {color:#fff;
   cursor: pointer;
   border: 0;
   min-width: 45px;
   height: 45px;
   border-radius: 0rem;
   display: grid;
   place-content: center;
   transition: 0.25s ease;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
   background-color: var(--clr-accent-700);
   border: 2px solid var(--clr-accent-700);
}

.icon-button--inverted:hover {
   background-color: var(--clr-accent-50);
border-color: var(--clr-accent-700);
color:#04af2f!important;
}

.icon-button--inverted:hover svg:not(.fill-icon) path {
   stroke: var(--clr-accent-700);
}

.swiper-pagination-bullet {
   width: 10px !important;
   height: 10px !important;
   background-color: #fff !important;
   opacity: 1 !important;
   margin-inline: 5px !important;
}

.swiper-pagination-bullet-active {
   background-color: #000 !important;
}

details>summary {
   list-style: none;
}

details>summary::marker,
details>summary::-webkit-details-marker {
   display: none;
}

.list-style {
   list-style: disc;
}

.faq-item {
   padding-block: min(5vw, 30px);
}

.faq-item__details {
   margin-top: 1.5rem;
   margin-right: 1rem;
}

.faq-item {
   border-bottom: 2px solid var(--clr-neutral-300);
}

.faq-item__summary {
   position: relative;
   cursor: pointer;
   font-size: var(--fs-500);
   font-weight: 700;
   transition: 0.25s ease;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.faq-item__summary:hover {
   color: var(--clr-accent-700);
}

.faq-item summary::after {
   content: "+";
   min-width: 35px;
   height: 35px;
   border-radius: 0rem;
   font-weight: 400;
   background-color: var(--clr-accent-700);
   font-size: 20px;
   color: #fff;
   display: grid;
   place-items: center;
   border: 1px solid var(--clr-accent-700);
   transition: 0.25s ease;
}

@media (min-width: 40rem) {
   .faq-item {
      padding-inline: min(5vw, 2rem);
   }

   .faq-item summary::after {
      width: 50px;
      height: 50px;
      font-size: 28px;
   }
}

.faq-item[open] summary::after {
   content: "-";
}

.faq-item summary:hover::after {
   background-color: var(--clr-accent-100);
   color: var(--clr-accent-700);
}

.modal {
   overflow-y: auto;
   top: 75px;
   bottom: 125px;
   border: 0;
   width: min(90%, 1333px);
   margin-inline: auto;
}

.modal::backdrop {
   background-color: hsl(0, 0%, 87%, 0.85);
}

.modal--course-preview {
   width: min(90%, 1000px);
   top: 50%;
   transform: translateY(-50%);
   background-color: var(--clr-neutral-800);
   padding: 2rem;
}

.modal--course-preview__video-wrapper {
   margin-top: 1.5rem;
}

.modal--full-screen {
   background-color: #fff;
   overflow-y: auto;
   max-width: 100%;
   height: 100vh;
   max-height: unset;
   inset: 0;
   width: 100%;
   margin: 0;
}

.modal--full-screen__content {
   padding-top: min(5vw, 20px);
   position: relative;
}

.close-modal-button svg {
   pointer-events: none;
}

.modal--full-screen__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: min(5vw, 15px);
}

.modal--full-screen__header button {
   height: 23px;
}

.modal-intro {
   position: relative;
   padding: 50px 0;
}

.modal-intro__container {
   display: grid;
   gap: 2rem;
}

@media (min-width: 40rem) {
   .modal__back-button {
      position: absolute;
      top: 33px;
      left: 54px;
   }

   .modal-intro {
      padding-top: 120px;
      padding-bottom: 58px;
   }

   .modal-intro__container {
      grid-template-columns: 1fr 1fr;
   }

   .modal-intro__container .flex-wrap {
      margin-top: 1.5rem;
      justify-content: space-between;
   }
}

.modal-intro__author-avatar {
   max-width: 35px;
}

.modal-content {
   padding-top: min(7vw, 56px);
   padding-bottom: min(10vw, 95px);
   display: grid;
   gap: min(2vw, 1.7rem);
}

.accordion__summary {
   background-color: var(--clr-accent-100);
   font-weight: 600;
   cursor: pointer;
   padding: min(3vw, 1.4rem) min(4vw, 2rem);
   padding-right: min(4vw, 2rem);
   display: flex;
   align-items: center;
   gap: 0.45rem;
   justify-content: space-between;
   transition: 0.25s ease;
}

.accordion--curriculum__summary {
   background-color: #fff;
   border-radius:0rem 0rem;
}

.accordion__summary svg {
   min-width:23px; font-size:30px;
}

.accordion__summary-text {
   margin-left: min(2vw, 1rem);
   font-size: 14px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
   margin-right: auto;
}

@media (max-width:600px) {
   .accordion__summary-text>span>span svg {
      display: none;
   }
}

@media (min-width: 30rem) {
   .accordion__summary-text {
      font-size: var(--fs-400);
   }
}

.accordion-details__duration--desktop {
   display: none;
}

@media (min-width: 40rem) {
   .accordion-details__duration--mobile {
      display: none;
   }

   .accordion-details__duration--desktop {
      display: inline-block;
   }

   .accordion__summary-text {
      max-width: 990px;
      margin-right: auto;
      font-size: var(--fs-400);
      flex: 1;
      flex-direction: row;
      justify-content: space-between;
   }
}

.accordion-details.accordion--curriculum-details {
   margin-top: 0;
   background-color: var(--clr-accent-25);
}

@media (min-width: 60rem) {
   .accordion__summary-text {
      font-size: var(--fs-500);
   }
}

.accordion[open] .accordion__summary,
.accordion__summary:hover {
   background-color: var(--clr-accent-700);
   color: #fff; cursor:pointer!important;
}

.accordion[open] .accordion__summary .fill-icon path,
.accordion__summary:hover .fill-icon path {
   fill: #fff;
}

.accordion[open] .accordion__summary svg:not(.fill-icon) path,
.accordion__summary:hover svg:not(.fill-icon) path {
   stroke: #fff;
}

.accordion[open] .accordion__chevron {
   transform: rotate(180deg);
}

.accordion-details {
   padding-inline: min(3vw, 2rem);
   margin-top: min(1vw, 1.5rem);
}

.accordion-details__item {
   min-height: 65px;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   padding-block: 0.85rem;
}

@media (max-width: 40rem) {
   .accordion-details__item {
      font-size: 0.85rem;
   }

   .accordion-details__item .button {
      padding-block: 0.15rem;
      font-size: 0.9rem;
   }
}

.accordion-details__item-text .flex-group:first-child {
   gap: min(1vw, 0.6rem);
}

@media (min-width: 40rem) {
   .accordion-details__item {
      flex-direction: row;
      justify-content: space-between;
   }
}

.accordion-details__item-text {
   justify-content: space-between;
}

.accordion-details__duration {
   width: 50px;
}

.accordion-details__item:not(:last-child) {
   border-bottom: 1px solid var(--clr-neutral-250);
}

.slider-navigation {
   display: flex;
   align-items: center;
   margin-top: min(7vw, 3rem);
}

@media (min-width: 40rem) {
   .slider-navigation__pagination {
      margin-inline: auto;
      transform: translateX(3.3rem);
      width: auto !important;
   }
}

.slider-navigation--centered {
   justify-content: center !important;
}

.slider-navigation--centered>div {
   width: auto !important;
}

.slider-navigation--inverted .swiper-pagination-bullet {
   background-color: #fff !important;
}

.slider-navigation--inverted .swiper-pagination-bullet-active {
   background-color: var(--clr-accent-700) !important;
}

.slider-navigation--white-bg .swiper-pagination-bullet {
   background-color: #a5a5a5 !important;
}

.slider-navigation--white-bg .swiper-pagination-bullet-active {
   background-color: var(--clr-accent-700) !important;
}

.mobile-alert {
   height: 77px;
   background-color: var(--clr-accent-100);
   display: none !important;
}

@media (min-width: 800px) {
   .mobile-alert {
      display: none;
   }
}

.mobile-alert__content {
   margin-inline: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.mobile-alert__button {
   font-size: 12px;
   padding: 9px 11px;
}

.mobile-alert__grid {
   height: 47px;
   display: grid;
   grid-template-columns: 47px 1fr;
   gap: 0.5rem;
}

.mobile-alert__button-close {
   height: 20px;
}

.mobile-alert__grid>div {
   display: flex;
   flex-direction: column;
}

.mobile-alert__grid small {
   font-size: 9px;
}

@media (min-width: 500px) {}

.mobile-alert__title {
   line-height: 1.2;
}

.mobile-alert__grid .flex-group {
   gap: 2px;
}

.infinite-carousel {
   width: var(--container);
   margin-inline: auto;
   padding: 1.5rem;
   font-size: 2.25rem;
   display: flex;
   align-items: center;
   overflow: hidden;
}

.infinite-carousel__container {
   overflow: hidden;
   min-width: 1932px;
   display: flex;
   align-items: center;
   animation: scroll 35s linear infinite;
}

.infinite-carousel--cart {
   gap: 4rem;
}

.infinite-carousel--cart .infinite-carousel__container {
   min-width: 1653px;
   gap: 4rem;
}

.infinite-carousel__item {
   max-height:45px;
   display: flex;
   align-items: center;
   gap: 3.5rem;
   margin: 0 2%;
   filter: grayscale(0);
}

@keyframes scroll {
   0% {
      transform: translateX(calc(-100% - 4rem));
   }

   to {
      transform: translateX(0);
   }
}

.wait_amin {
   position: fixed;
   width: 15px;
   height: 15px;
   margin: 0 auto;
   border-radius:0%;
   text-indent: -9999em;
   color: #8bc34a;
   font-size: 8px;
   opacity: 0.8;
   animation: wait_amin 1s infinite ease-in-out;
   animation-delay: 0.16s;
   top: 45%;
   left: 48%;
   z-index: 9999;
}

.wait_amin::before {
   left: -3.5em;
   animation-delay: 0s;
   position: absolute;
   width: 15px;
   border-radius:0%;
   height: 15px;
   content: "";
   color: #00bcd4;
   animation: wait_amin 1s infinite ease-in-out;
}

.wait_amin::after {
   left: 3.5em;
   animation-delay: 0.32s;
   position: absolute;
   border-radius:0%;
   width: 15px;
   height: 15px;
   content: "";
   color: #f92906;
   animation: wait_amin 1s infinite ease-in-out;
}

@keyframes wait_amin {
   100% {
      box-shadow: 0 2.5em 0 -1.3em;
   }

   80% {
      box-shadow: 0 2.5em 0 -1.3em;
   }

   0% {
      box-shadow: 0 2.5em 0 -1.3em;
   }

   40% {
      box-shadow: 0 2.5em 0 0;
   }
}

.overview {
   padding-block: min(5vw, 2rem);
}

.overview__lists {
   margin-top: 2rem;
   display: flex;
   flex-direction: row;
   gap: 3rem;
}

.overview__list {
   list-style-position: outside;
   padding-left: 1rem;
   display: grid;
   gap: 0.5rem;
}

.overview h3 {
   margin-top: min(7vw, 1.5rem);
}

@media (max-width: 60rem) {
   .overview__img {
      display: none;
   }
}

.overview__img:not(.overview__img--no-bg) {
   padding-top: 2rem;
   padding-left: 2rem;
   background-image: url("../img/primePacks/overviewImgBg.png");
   background-repeat: no-repeat;
   background-size: 100%;
}

@media (min-width: 60rem) {
   .overview {
      max-width: 1420px;
      display: grid;
      grid-template-columns: 1fr 39%;
      gap: 2rem;
   }

   .overview__img {
      justify-self: auto;
      margin-top: 2.3rem;
   }
}

.reviews {
   padding-block: min(8vw, 40px);
}

.reviews__container {
   margin-top: min(7vw, 3rem);
}

.review {
   min-height: 226px;
   background-color: #f3f3f3;
   /* max-width: 595px; */
   max-width: 695px;
   border-radius:0rem;
   padding: 1.9rem;
   position: relative;
}

/* .review--larger {
    max-width: 695px;
} */

.review::after {
   content: "";
   background-image: url("../img/primePacks/quote.svg");
   background-repeat: no-repeat;
   background-size: 100%;
   width: 40px;
   height: 30px;
   position: absolute;
   top: 0.8rem;
   right: 1.7rem;
}

.reviews__swiper {
   overflow-x: hidden;
}

.review__author {
   display: grid;
   grid-template-columns: 55px 1fr;
   align-items: center;
}

.review__author img {
   width: 44px;
   height: 44px;
   padding: 2px;
   border: 1px solid #ccc;
   border-radius:0px;
}

.video-courses {
   background-image: url("../img/primePacks/shadow.svg");
   background-position: right;
   background-repeat: no-repeat;
   padding-top: min(12vw, 70px);
   padding-bottom: min(15vw, 90px);
   display: flex;
   flex-direction: column;
   position: relative;
}

.video-courses__container {
   margin-top: 2rem;
}

.video-courses__text {
   justify-content: center;
   gap: 1rem;
}

.video-courses__text>* {
   max-width: 300px;
}

.video-course {
   max-width: 290px;
   background-color: #fff;
   border-radius:0px;
   padding-top: 11px;
}

.video-course {
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.video-course__heart-button {
   position: absolute;
   top: 25px;
   right: 25px;
   width: 20px;
   min-width: auto;
   height: 20px;
   border: 1px solid transparent;
   border-radius: 0rem;
}

.video-course__heart-button.active {
   background-color: var(--clr-accent-700);
   border: 1px solid var(--clr-neutral-200);
}

.video-course__heart-button.active svg path {
   fill: white;
}

.video-course__full-w-button {
   justify-content: center;
   width: 100%;
}

.video-course__content {
   padding: 13px;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.video-course__price {
   font-size: 1.14rem;
}

.video-course__img-wrapper {
   display: grid;
   place-content: center;
   background-color: var(--clr-accent-100);
   height: 180px;
   width: 90%;
   margin-inline: auto;
   border-radius: 0rem;
}

.video-course__img:not(.ebook-img):not(.course-list-item__img) {
   width: calc(100% - 26px);
   height: 180px;
   object-fit: cover;
   margin-inline: 13px;
   border-radius: 0rem;
}

.video-course__button {
   width: 40px;
   height: 40px;
   display: grid;
   place-content: center;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
   border-radius:0px;
}

.video-course__button svg path {
   transition: none;
}

.video-course__button:hover {
   background-color: var(--clr-accent-700);
}

.video-course__button:hover svg path {
   stroke: #fff;
}

.video-course__footer {
   font-size: var(--fs-200);
   padding: 12px 15px;
   display: flex;
   align-items: center;
   gap: 1rem;
   justify-content: space-between;
   border-top: 1px solid var(--clr-neutral-200);
}

.video-courses__navigation {
   display: flex;
   align-items: center;
   margin-top: 2rem;
}

@media (min-width: 50rem) {
   .video-courses__text {
      min-width: 300px;
   }

   .video-courses {
      flex-direction: row;
      align-items: center;
      gap: 4rem;
   }

   .video-courses__navigation {
      max-width: 800px;
      gap: 2rem;
   }

   .video-courses__navigation .courses-pagination {
      width: auto !important;
   }
}

.video-courses__navigation--space-between {
   max-width: 100%;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 1rem;
}

.video-courses__navigation--space-between .slider-pagination {
   width: auto !important;
   margin: 0;
}

.video-courses--col {
   overflow: hidden;
}

.cta {
   padding-top: min(10vw, 4rem);
   padding-bottom: min(10vw, 4rem);
   display: grid;
   gap: 1.85rem;
   justify-items: center;
}

.cta-card {
   overflow: hidden;
   max-width: 330px;
   border-radius: 0rem;
}

.cta-card img {
   object-fit: cover;
   width: 100%;
}

.cta-card__content {
   padding: 1.95rem;
}

@media (max-width: 600px) {
   .cta-card img {
      display: none;
   }
}

@media (min-width: 600px) {
   .cta-card {
      max-width: 590px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .cta-card picture {
      height: 100%;
   }

   .cta-card img {
      height: 100%;
      min-width: 230px;
   }
}

@media (min-width: 850px) {
   .cta {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
   }

   .cta-card {
      font-size: .82rem;
      margin-inline: auto;
      max-width: 100%;
   }

   .cta-card img {
      min-width: 170px;
   }

   .cta-card h3 {
      font-size: 1.7rem;
   }

   .cta-card__content {
      padding: 1rem;
   }

   .cta-card .button {
      margin-top: 1rem;
   }
}

@media (min-width: 1250px) {
   .cta-card__content {
      padding: 1.95rem;
   }

   .cta-card {
      font-size: 1rem;
   }

   .cta-card h3 {
      font-size: 1.9rem;
   }

   .cta-card img {
      min-width: 230px;
   }
}

.course-hero {
   padding-block: 51px;
   background-image: url("../img/primePacks/heroBg.png");
   background-size: cover !important;
   color: #fff;
   background-repeat: no-repeat !important;
   background-position: center center !important;
}

.ebook-hero {
   padding-block: 51px;
   background-image: url("../img/ebooks/heroBg.png");
   background-repeat: no-repeat;
   background-size: 100%;
   color: #fff;
}

.ebook-hero__pricing-card {
   align-self: center;
   justify-self: end;
}

.ebook-hero__title {
   font-size: var(--fs-700);
}

@media (min-width: 324px) {
   #btnSearch {
      display: none;
   }

   .menu-right-head {
      text-align: center;
   }
}

@media (min-width: 390px) {
   .ebook-hero__title {
      font-size: var(--fs-750);
   }

   #btnSearch {
      display: none;
   }

   .menu-right-head {
      text-align: center;
   }
}

.course-hero__subtitle {
   max-width: 500px;
}

.it-systems-hero {
  /*  background-image: url("../img/courses/itSystemsHero.png"); */
   background-image: url("../img/courses/courses-hero-bg.png");
}

.prime-packs-hero__container>div:first-child {
   max-width: 650px;
}

.course-hero__title {
   text-transform: capitalize;
   line-height: 1.2;
}

@media (min-width: 57rem) {
   .course-hero {
      padding-block: 90px;
   }

   #btnSearch {
      display: block;
   }

   .course-hero__container {
      display: grid;
      grid-template-columns: 60% 1fr;
   }

   .prime-packs-hero__container {
      display: grid;
      grid-template-columns: 45% 1fr;
   }

   .ebook-hero__container {
      display: grid;
      grid-template-columns: 50% 1fr;
   }

   .course-hero__pricing-card {
      justify-self: end;
      align-self: start;
   }
}

.instructor {
   padding-block: min(6vw, 3rem);
}

.instructor__info {
   margin-top: 1.5rem;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 1rem;
}

.instructor__info p {
   font-size: 16px;
   margin: 0px;
   line-height: 24px;
   padding: 5px 0px 5px 0px;
}

@media (min-width: 67rem) {
   .ebook-hero__title {
      font-size: var(--fs-900);
   }

   #btnSearch {
      display: block;
   }
}

@media (min-width: 60rem) {
   .instructor__info {
      margin-top: 1.5rem;
      flex-direction: row;
      align-items: flex-start;
      gap: min(4vw, 6rem);
   }
}

.instructor__img {
   width: fit-content;
   padding: 1rem;
   padding-bottom: 0;
   background-image: url("../img/courses/instructor-bg.png");
   background-repeat: no-repeat;
   background-position: top 0px left 0px;
   background-size: 70%;
}

.instructor__img img {
   margin-bottom: 0.5rem;
}

@media (min-width: 400px) {
   .instructor__img img {
      min-width: 195px;
      max-width: 195px;
      border-radius:0rem;
   }
}

.curriculum {
   padding-block: min(6vw, 3rem);
}

.curriculum__subtitle {
   max-width: 300px;
   margin-top: 0.5rem;
   margin-bottom: 2rem;
}

.certificate {
   font-size: .8rem;
   padding-block: min(5vw, 2rem);
}

.certificate__container {
   /*
   text-align: center;
   */
   display: grid;
}

.certificate__container p {
   font-size: var(--fs-550)
}

@media (min-width: 50rem) {
   /*
   .certificate__container p {
      font-size: var(--fs-400);
   }
   */

   .certificate__container {
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: center;
   }

   .certificate__img {
      justify-self: end;
   }
}

@media (min-width: 70rem) {
   .certificate__container p {
      font-size: var(--fs-550)
   }

   .certificate--img-padding {
      padding-block: 0;
   }
}

.ebook-preview {
   position: relative;
   padding-block: 2rem;
}

.ebook-preview__title {
   margin-bottom: 1rem;
}

.yellow-accent-text {
   background-color: #ffe529;
   color: #000;
   padding: 0.25rem 0.5rem;
   font-weight: 600;
   width: fit-content;
}

.hero-slider {
   margin-top: 1rem;
   padding-block: 2rem;
   border-radius:0rem;
   background-color: var(--clr-neutral-800);
   color: #fff;
   padding-left: 1.25rem;
   overflow-x: hidden;
}

.hero-slider__item {
   max-width: 220px;
   display: flex;
   align-items: center;
   gap: 0.75rem;
}

.hero-slider__item img {
   max-width: 60px;
}

.hero-slider__number {
   line-height: 1.1;
   font-size: 1.5rem;
   font-weight: 700;
}

.hero-slider__text {
   font-size: 0.85rem;
}

.hero__content {
   padding-block: 1rem;
   margin-inline: auto;
   /*
   width: var(--container);
   */
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.hero__content>* {
   max-width: 600px;
}

.hero__img-container {
   display: grid;
   justify-items: inherit;
   background-color: var(--clr-neutral-750);
}

@media (min-width: 35rem) {
   .hero--homepage__img-container {
      background-position: left 80px;
      background-repeat: no-repeat;
      background-image: url("../img/homepage/heroBg.png");
   }
}

.hero__title {
   line-height: 1.3;
   font-size: var(--fs-750);
}

.hero__img-container--centered {
   justify-items: center;
}

@media (min-width: 82rem) {
   .hero-slider .swiper-wrapper {
      justify-content: center;
   }
}

@media (min-width: 67rem) {
   .hero .search-input-wrapper::after {
      width: 30px;
      height: 30px;
      right: 1.5rem;
   }

   .hero-slider {
      margin-top: 3rem;
   }

   .hero-slider__number {
      font-size: 2.25rem;
   }

   .hero-slider__item {
      max-width: 310px;
   }

   .hero-slider__item img {
      max-width: 80px;
   }

   .hero-slider__text {
      font-size: 1rem;
   }

   .hero__img-container {
      background-image: unset;
   }

   .hero:not(.hero--prime-packs):not(.hero--teach-with-us) {
      /*background-color:#000;
        color: #fff;*/
   }

   .hero--homepage {
      background-position: left 80px;
      background-repeat: no-repeat;
      background-image: url("../img/homepage/heroBg.png");
   }


   .hero__container:not(.hero--prime-packs__container):not(.hero--teach-with-us__container) {
      display: grid;
      grid-template-columns: 56% 1fr;
      gap: 0.6rem;
      align-items: center;
   }

   .hero__content {
      padding-left: 1rem;
      margin-inline: unset;
      gap: 1.75rem;
      max-width: 700px;
      order: -1;
      width: 100%;
   }

   .hero__content>* {
      max-width: 100%;
   }

   .hero__content .search-input {
      padding-block: 1.3rem;
      padding-left: 2rem;
      color: #fff;
   }

   .hero__content .search-input::placeholder {
      opacity: 0.9;
   }

   .hero__content .search-input:focus-within {
      border-color: #fff;
   }

   .hero__title {
      line-height: 1;
      font-size: var(--fs-900);
   }

   .hero__title-inner {

      line-height: 1.2;
      margin-top: .2rem;
      display: block;
   }
}

@media (min-width: 84rem) {
   .hero__container:not(.hero--prime-packs__container):not(.hero--teach-with-us__container) {
      width: var(--container);
      margin-inline: auto;
   }

   .hero__content {
      padding-left: 0;
   }
}

.categories {
   padding-block: min(5vw, 3rem);
}

.categories__subtitle {
   max-width: 500px;
}

.categories__container {
   overflow-x: hidden;
   margin-top: min(3vw, 2rem);
}

.categories-slider {
   padding: 3px;
}

.category-item {
   background-color: #fff;
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
   padding: 0.75rem;
   border-radius:0rem;
   /* max-width: 290px; 
    max-width: 340.9px;*/
   max-width: 284px;
   display: flex;
   align-items: center;
   gap: 1rem;
   border: 1px solid transparent;
   transition: all 0.25s ease !important;
}

.category-item__img-container {
   background-color: var(--clr-neutral-800);
   width: 80px;
   height: 80px;
   border-radius:0rem;
   display: grid;
   place-content: center;
}

.category-item:hover {
   border-color: var(--clr-accent-700);
}

.category-item__title {
   transition: all 0.25s ease;
}

.category-item:hover .category-item__title {
   color: var(--clr-accent-700);
}

@media (min-width: 1301px) {
   .categories-slider .swiper-wrapper {
      flex-wrap: wrap;
      gap: 0.9rem;
   }
}

.mobile-accordion:first-child {
   margin-top: 2rem;
}

.tabs:not(.tabs--mobile) {
   display: none;
}

@media (min-width: 60rem) {
   .mobile-accordions {
      display: none;
   }

   .tabs:not(.tabs--mobile) {
      display: block;
   }
}

.mobile-accordion__summary {
   padding-inline: 0;
   border-top: 1px solid var(--clr-accent-700);
}

.mobile-accordion__summary,
.mobile-accordion__summary:hover,
.mobile-accordion[open] .mobile-accordion__summary {
   color: unset;
   background-color: unset;
}

.mobile-accordion[open] .mobile-accordion__summary .accordion__chevron {
   rotate: 0deg;
}

.mobile-accordion-details {
   padding: 1.5rem 0;
   background-color: var(--clr-neutral-200);
   margin-bottom: 1rem;
}

.accordion-details--no-bg {
   background-color: unset;
}

.tabs {
   position: relative;
   margin-top: 2rem;
}

.tablist__tab {
   cursor: pointer;
   display: flex;
   align-items: center;
   background-color: transparent;
   border: 0;
   opacity: 0.5;
   gap: 0.5rem;
   padding-inline: 0.5rem;
   font-size: 20px;
   border-bottom: 6px solid transparent;
}

.tablist__tab:hover {
   opacity: 1;
}

.tablist {
   display: flex;
   align-items: center;
   gap: 2rem;
   padding-left: 2rem;
}

.tablist--centered {
   padding-left: 0;
   justify-content: center;
}

.tablist__tab[aria-selected="true"] {
   font-weight: 700;
   opacity: 1;
   border-bottom-color: var(--clr-accent-700);
}

.tablist__tab span,
.tablist__tab svg,
.tablist__tab img {
   pointer-events: none;
}

.tabpanel {
   overflow-x: hidden;
   padding: 2rem;
   background-color: var(--clr-neutral-150);
   border-radius:0rem;
   border: 1px solid var(--clr-accent-700);
}

.tabpanel--bg-secondary {
   background-color: var(--clr-secondary-200);
   border: 0;
}

.tabpanel--no-bg {
   background-color: unset;
}

.tabpanel--fixed-height {
   height: 690px;
}

.tablist__nav-button {
   z-index: 9;
}

.tablist__nav-button--prev {font-size:26px; color:#fff;
   position: absolute;
   left: -22.5px;
   top: 50%;
}

.tablist__nav-button--next {font-size:26px; color:#fff;
   position: absolute;
   right: -22.5px;
   top: 50%;
}

.tabpanel--fixed-height .tablist__nav-button--prev {font-size:26px; color:#fff;
   position: absolute;
   left: -22.5px;
   top: 65%;
}

.tabpanel--fixed-height .tablist__nav-button--next {font-size:26px; color:#fff;
   position: absolute;
   right: -22.5px;
   top: 65%;
}

.tabpanel__slider {
   /*margin-top: auto;*/
   margin-top: 2%;
}

.tabpanel>.flow {
   height: 100%;
}

.single-cta {
   /*
   text-align: center;
   */
   padding-block: 3rem;
}

.single-cta .button {
   /*
   margin: 0 auto;
   */
}

.single-cta--bg {
   margin-top: 3rem;
   padding-block: min(10vw, 4rem);
   background-color: var(--clr-neutral-150);
}

.single-cta-card {
   padding: 2rem 1.5rem;
   border-radius:0rem;
}

.single-cta-card img {
   display: none;
   margin-top: -2rem;
   border-radius:0rem;
}

.single-cta__title {
   line-height: 1;
}

.single-cta-card {
   gap: 1rem;
   margin-inline: auto;
}

.single-cta-card__content {
   display: flex;
   flex-direction: column;
   gap: .8rem;
   max-width: 500px;
   z-index: 11;
   margin-inline: auto;
}

.single-cta-card__content .button {
   align-self: start;
}

.single-cta-card--image-first img {
   /* margin-top: -4rem; */
   margin-top: 0rem;
}

@media (max-width: 42rem) {
   .single-cta-card--image-first__content {
      order: -1;
   }

   .single-cta-card--inverted img {
      order: -1;
   }

   .course-list {
      justify-content: flex-start;
   }

   .course-list-item {
      max-width: 335px;
   }
}

@media (min-width: 58rem) {
   .course-list {
      justify-content: center;
   }
}

@media (min-width: 42rem) {
   .single-cta-card {
      text-align: left;
   }

   .single-cta-card .button {
      margin: 0;
   }

   .single-cta-card img {
      display: block;
   }

   .single-cta-card {
      width: auto;
      display: grid;
      grid-template-columns: 1fr 35%;
      gap: 1rem;
      justify-items: center;
      align-items: center;
      background-size: 45%;
      background-position: bottom -7rem left;
      background-repeat: no-repeat;
      background-image: url('../img/bg-bottom-orange.png');
   }

   .single-cta-card--inverted {
      padding-top: 3rem;
      display: grid;
      grid-template-columns: 1fr 60%;
   }

   .single-cta-card--image-first {
      width: auto;
      display: grid;
      grid-template-columns: 35% 1fr;
      gap: 2rem;
      justify-items: center;
      align-items: end;
      background-size: unset;
      background-position: bottom -15rem right -15rem;
      background-repeat: no-repeat;
      background-image: url('../img/bg-bottom-blue.png');
   }


   .single-cta-card:not(.single-cta-card--padding) {
      padding-top: 0;
   }

   .single-cta-card--inverted .single-cta-card__content {
      padding-left: 4rem;
   }

   .single-cta-card--image-first .single-cta-card__content {
      justify-self: start;
      max-width: 480px;
   }

   .single-cta-card__content {
      margin-top: 1.5rem;
      justify-self: end;
      max-width: 450px;
   }

   .single-cta-card__content .button {
      margin-top: 1rem;
   }
}

.scroll-to-top-button {
   z-index: 999;
   opacity: 0;
   transform: translateY(50%);
   position: fixed;
   bottom: 30px;
   right: 30px;
   transition: 0.25s ease-in-out;
}

.scroll-to-top-button.show {
   transform: translate(0);
   opacity: 1;
}

.error-message {
   color: hsl(4, 100%, 60%);
}

.contact:not(.footer .contact) {
   background-color: var(--clr-neutral-200);
}

.contact textarea {
   min-height: 90px;
   resize: none;
}

.contact-input {
   width: 100%;
   background-color: #fff;
   border: 0;
   padding: .945rem;
   border-radius:0rem;
   color: #000;
}

.contact__subtitle {
   color: #fff;
   text-align: center;
   font-weight: 600;
   margin-top: .5rem;
   margin-bottom: 1.25rem;
   line-height: .5;
}

.contact__subtitle:first-of-type {
   font-weight: 400;
}

.contact-input::placeholder {
   color: #000;
}

.contact-input:focus {
   outline: 1px solid var(--clr-accent-700);
}

.contact__container {
   padding: 1rem 2rem;
   padding-bottom: 2rem;
   background-color: var(--clr-neutral-800);
}

.contact__button {
   width: min(100%, 280px);
   margin-inline: auto;
   justify-content: center;
   margin-top: 1rem;
}

.contact__title {
   margin-bottom: 2rem;
}

.contact__grid {
   display: grid;
   gap: 1rem;
}

.contact__form {
   width: min(100%, 500px);
   margin-inline: auto;
}

@media(min-width: 50rem) {
   .contact__subtitle {
      line-height: .6;
      font-size: 1.2rem;
   }

   .contact__subtitle:first-of-type {
      font-size: 1.1rem;
   }

   .contact__subtitle:nth-of-type(2) {
      margin-bottom: 2.5rem;
   }

   .contact:not(.footer .contact) {
      padding-block: 5.5rem;
   }

   .contact__button {
      font-size: 1.2rem;
   }

   .contact__container {
      padding: 2rem 3rem;
      padding-bottom: 2rem;
      width: var(--container);
      margin-inline: auto;
      border-radius:0rem;
   }

   .contact__form {
      width: auto;
   }

   .contact__title br {
      display: none;
   }

   .contact__button {
      margin-top: 2.25rem;
   }

   .contact-input {
      font-size: 1.2rem;
   }

   .contact textarea {
      min-height: 170px;
   }
}

.tutors {
   overflow: hidden;
}

.tutors__slider {
   margin-top: 2rem;
   overflow: hidden;
}

.tutors--quote__content>p {
   max-width: 40rem;
}

.tutors--quote__title {
   position: relative;
}

.tutors__item {
   border-radius:0rem;
   padding: 2rem;
   display: grid;
   gap: 2rem;
}

.tutors--quote__title::before {
   content: '';
   background-image: url('../img/quote.svg');
   background-repeat: no-repeat;
   width: 100px;
   height: 100px;
   position: absolute;
   right: 0;
}

@media(min-width: 55rem) { 
   .tutors__item {
      min-height: 440px;
      font-size: .85rem;
      padding: 4rem;
      grid-template-columns:34% 1fr;
      align-items: center;

   }

   .tutors__item--quote {
      min-height: auto;
   }
}

@media(min-width: 70rem) {
   .tutors__item {
      font-size: 1rem;
   }
}

.select {
   position: relative;
   min-width: 276px;
}

.select__options {
   position: absolute;
   top: 105%;
   display: none;
   background-color: #fff;
   left: 0;
   width: 100%;
   border-radius:0rem;
   z-index: 2;
   border: 1px solid var(--clr-neutral-800);
}

.select__toggle {
   cursor: pointer;
   background-color: #fff;
   border: 1px solid var(--clr-neutral-800);
   padding: .65rem 1rem;
   border-radius: 0rem;
}

.select__toggle>span {
   pointer-events: none;
}

.select__option {
   cursor: pointer;
   padding: .5rem 1rem;
}

.select__option:hover {
   background-color: var(--clr-accent-100);
}

.select__option[aria-selected=true] {
   background-color: var(--clr-accent-500);
}

.select[aria-expanded=true] .select__options {
   display: block;
}

.select__current-option {
   font-weight: 700;
}

.select__toggle {
   display: flex;
   align-items: center;
   gap: .5rem;
}

.select__chevron {
   margin-left: auto;
}

.select[aria-expanded=true] .select__chevron {
   transform: rotate(180deg);
}

.countdown {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
}

.countdown__item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: .5rem;
}

.countdown__number {
   font-size: 1.9rem;
   font-weight: 500;
   color: var(--clr-neutral-300);
   border: 2px solid #121212;
   min-width: 48px;
   padding-inline: .5rem;
   height: 48px;
   display: grid;
   place-content: center;
   background:rgb(0,0,0,.4);
}

.countdown__number--accent {
   color: var(--clr-accent-800);
}

.countdown__text {
   line-height: 1;
   color: var(--clr-neutral-300);
   font-size: 12px;
}

/* homepage */
.coding-ground {
   position: relative;
   padding-block: min(10vw, 4rem);
   isolation: isolate;
}

.coding-ground::before {
   content: '';
   background-image: url('../img/auth/bg-bottom.png');
   background-repeat: no-repeat;
   background-position: bottom -4rem right -3rem;
   position: absolute;
   inset: 0;
   opacity: .3;
   z-index: -1;
}

.coding-ground__img {
   margin-inline: auto;
}

.coding-ground .container {
   display: grid;
   gap: 1rem;
}

.coding-ground__content {
   max-width: 500px;
   margin-inline: auto;
   display: grid;
   justify-items: center;
   text-align: center;
   gap: 1rem;
}

.coding-ground__content .button {
   justify-self: stretch;
   justify-content: center;
   max-width: 350px;
   margin-top: .5rem;
   margin-inline: auto;
}

@media(min-width: 70rem) {
   .coding-ground__img {
      margin-inline: unset;
   }

   .coding-ground .container {
      grid-template-columns: 50% 1fr;
      gap: 3rem;
      align-items: center;
   }

   .coding-ground__content {
      display: flex;
      flex-direction: column;
      gap: .7rem;
      text-align: start;
      max-width: 100%;
   }

   .coding-ground__content .button {
      margin-inline: unset;
   }

   .coding-ground__description {
      margin-top: 1rem;
   }
}

.library {
   overflow: hidden;
   padding-block: min(10vw, 4rem);
}

.library__container {
   margin-top: min(5vw, 4rem);
}

.library-item {
   padding-bottom: 2rem;
   box-shadow: 0px 0px 8.72482px rgba(0, 0, 0, 0.1);
   border: 1px solid var(--clr-accent-700);
   border-radius: 0rem;
}

.library-item__header {
   padding: 1rem min(5vw, 2rem);
   margin-bottom: 1rem;
   font-size: 1.02rem;
   flex-wrap: wrap;
}

.library-item__header .button {
   font-size: 1rem;
}

.library .swiper-slide {
   /* max-width: 580px; */
   max-width: 680px;
   display: flex;
   flex-direction: column;
   gap: 3rem;
}

.library-item img {
   max-width: 60px;
   margin-inline: auto;
}

.library-item__container {
   padding-inline: .5rem;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: min(5vw, 1.8rem);
}

.library-item__description {
   font-size: .8rem;
   text-align: center;
   max-width: 80px;
}

@media(min-width: 50rem) {

   .library-item__description {
      font-size: .95rem;
   }

   .library-item__header {
      font-size: 1.2rem;
   }

   .library-item__header .button {
      font-size: 1.2rem;
   }
}

.popular-tools-item {
   border: 1px solid var(--clr-neutral-250);
   border-radius: 0rem;
   display: grid;
   height: 250px;
   place-content: center;
   transition: .25s ease !important;
}

.popular-tools-slider {
   overflow: hidden;
   margin-top: min(6vw, 3rem);
}

.popular-tools-slider .swiper-slide {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
}

.popular-tools-item>* {
   transition: .25s ease;
}

.popular-tools-item:hover svg path {
   fill: var(--clr-accent-700);
}

.popular-tools-item:hover {
   border-color: var(--clr-accent-700);
}

.popular-tools-item svg {
   margin-inline: auto;
}

/* prime pack, ebook */
.ebooks {
   padding-block: min(10vw, 50px);
   background-image: url('../img/primePacks/dotsBg.png');
   background-position: right;
   background-repeat: no-repeat;
   background-size: 600px 100%;
   background-color: #fff;
}

.ebooks__text {
   max-width: 300px;
}

.ebook {
   padding-top: 14px;
   background-color: #fff;
   border-radius:0px;
   max-width: 330px;
   overflow: visible;
   box-shadow: 2px 0px 60px #d0e9d0;
}

@media(min-width: 90rem) {
   .ebooks__container {
      flex-direction: row;
      gap: min(10vw, 6rem);
      align-items: center;
   }
}

.ebook__footer {
   justify-content: space-between;
   padding-bottom: 1rem;
}

.ebook {
   padding-inline: 15px;
}

.ebook img {
   margin-inline: auto;
}

.outcomes {
   background-image: url('../img/primePacks/outcomeShadow.svg'),
      url('../img/primePacks/outcomeShadow.svg'),
      url('../img/primePacks/outcomeShadow.svg');
   background-position: 30% 90%, 60% 90%, 90% 90%;
   background-repeat: no-repeat, no-repeat, no-repeat;
   color: #fff;
   padding-block: min(10vw, 5rem);
}

.outcomes__text {
   max-width: 300px;
}

.outcomes__container {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

.outcomes__cards {
   display: flex;
   padding-bottom: .5rem;
   align-items: center;
}

.outcomes-swiper {
   width: 100%;
   max-width: 1160px;
   overflow: hidden;
}

.outcomes__button-prev {
   position: absolute;
   left: 320px;
   top: 50%;
   transform: translateY(-50%);
   display: none;
}

.outcomes__button-next {
   position: absolute;
   right: -30px;
   top: 50%;
   transform: translateY(-50%);
   display: none;
}

@media(min-width: 50rem) {

   .outcomes__button-prev,
   .outcomes__button-next {
      display: unset;
   }

   .outcomes {
      background-position: 45% 80%, 65% 80%, 80% 80%;
   }

   .outcomes__container {
      flex-direction: row;
      align-items: center;
      gap: 60px;
   }

   .outcomes-swiper {
      padding-inline: 0;
   }
}

@media(min-width: 60rem) {
   .outcomes__button-prev {
      left: 320px;
   }
}

.outcome-card {
   height: 205px !important;
   font-size: 13.5px;
   max-width: 190px;
   padding: 21px 24px;
   padding-right: 20px;
   border: 1px solid var(--clr-accent-700);
   border-radius:0rem;
   background-color: #000;
}

.outcome-card:nth-child(2) {
   font-size: 12px;
}

.outcome-card img {
   max-width: 35px;
}

.tools {
   padding-block: min(7vw, 3rem);
   background-color: var(--clr-neutral-200);
}

.infinite-carousel--tools {
   gap: 3rem;
}

.infinite-carousel--tools__container {
   gap: 3rem;
   min-width: 1030px;
}

.partners {
   background-image: url('../img/primePacks/dotsBg.png');
   background-position: right;
   background-repeat: no-repeat;
   background-size: 600px 100%;
   padding-block: min(10vw, 40px);
   background-color: #fff;
}

.partner {
   max-width: 276px;
}

.partners__container {
   margin-top: 3rem;
}

.faqs {
   padding-block: min(8vw, 50px);
}

.faqs__container {
   margin-top: min(8vw, 40px);
}

/* annual membership */
.annual-membership-hero__img-container {
   background-color: var(--clr-neutral-800);
}

.annual-membership-hero__img-container img {
   margin-inline: auto;
}

.annual-membership-hero__title {
   line-height: 1.1; margin-bottom:1.2rem;
}

.annual-membership-hero__intro--mobile {
   margin-inline: auto;
   padding-block: 1rem;
   max-width: 20rem;
}

.annual-membership-hero__intro--mobile>p:first-child {
   margin-left: .5rem;
}

.annual-membership-hero__title--mobile {
   font-size: 1.9rem;
}

.annual-membership-hero__content {
   max-width: 45ch;
   margin-inline: auto;
   /*padding: 1.5rem;*/
}

.annual-membership-hero__content .button {
   width:20rem;
   justify-content: center;
   margin:1rem auto 0rem auto;
}

@media(max-width: 60rem) {
   .annual-membership-hero__title--desktop {
      display: block;
   }
   .annual-membership-hero {
      padding-top: 2rem;
      /*background-color: var(--clr-neutral-800);*/
	  background:#000 url('../img/business-banner.jpg') no-repeat;
	  background-size:cover;
   }
   .annual-membership-hero__container {
      width: var(--container);
      margin-inline: auto;
      display: grid;
      grid-template-columns:inherit;
      align-items: center;
   }
   .pricing-card{max-width:100%;}
   .annual-membership-hero__content>p {
      color:#fff;
   }
}

@media(min-width: 60rem) {
   .annual-membership-hero__title {
      font-size: var(--fs-750);
   }

   .annual-membership-hero {
      padding-top: 2rem;
      /*background-color: var(--clr-neutral-800);*/
	  background:#000 url('../img/business-banner.jpg') no-repeat;
	  background-size:cover;
   }

   .annual-membership-hero__content {
      padding-top: 0;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      color: #fff;
      margin-inline: unset;
      max-width: 35rem;
      order: -1;
   }

   .annual-membership-hero__container {
      width: var(--container);
      margin-inline: auto;
      display: grid;
      grid-template-columns: 60% 1fr;
      align-items: center;
   }

   .annual-membership-hero__intro--mobile {
      display: none;
   }
}

.annual-membership-hero-pricing-card {
   padding: 1rem 2rem;
   display: none;
   flex-direction: column;
   gap: 1rem;
}

.annual-membership-hero-pricing-card .button {
   font-size: .95rem;
   width: 150px;
   justify-content: center;
}

.annual-membership-hero-pricing-card__price {
   text-align: center;
   border-radius: 0rem;
   padding: 1rem;
   background-color: var(--clr-neutral-800);
   font-weight: 600;
   color: #fff;
}

.annual-membership-hero-pricing-card__price p {
   font-size: 2rem;
   display: inline;
}

.annual-membership-mobile-pricing-card {
   padding-top: .75rem;
   height: 120px;
}

.annual-membership-mobile-pricing-card__content {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: .5rem;
}

.annual-membership-mobile-pricing-card__price {
   text-align: center;
   font-weight: 600;
}

.annual-membership-mobile-pricing-card .button {
   width: min(95%, 350px);
   margin-inline: auto;
}

.annual-membership-mobile-pricing-card__price p {
   display: inline;
   font-size: 1.4rem;
}

@media (max-width: 80rem) {
   .annual-membership-desktop-pricing-card {
      display: inline-block;
   }

   .annual-membership-mobile-pricing-card {
      transform: translateY(100%);
      transition: 0.3s ease;
      display: grid;
   }

   .annual-membership-mobile-pricing-card.show {
      transform: translateY(0);
   }
}

@media (min-width: 80rem) {
   .annual-membership-hero__title {
      font-size:var(--fs-800); margin-bottom:1.4rem;
   }

   .annual-membership-hero {
      padding-top: 0rem;
   }

   .annual-membership-hero__container {
      display:flex;
      justify-content:space-between;
	  gap:2rem;
	  padding:3rem;
   }

   .annual-membership-hero__content {
      padding: 0;
      margin-top:0rem;
      max-width: 100%; text-align:center;
     /* align-self: start;*/
   }

   .annual-membership-hero__content>p {
      max-width: 50ch; color:#fff;
   }

   .annual-membership-hero__img-container {
      min-width: 500px;
      margin-left: -14.5rem;
      z-index: -1;
      align-self: end;
   }

   .annual-membership-mobile-pricing-card {
      display: none;
   }

   .annual-membership-hero-pricing-card {
      /*justify-self: end;*/ 
      min-width: 400px;
      margin-left: 0rem;
      margin-bottom:0rem;
      display: flex;
   }
}

.annual-membership-testimonials {
   padding-block: 2.25rem;
}

.annual-membership-testimonials__container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
}

.annual-membership-testimonial {
   display: flex;
   align-items: center;
   gap: 1rem;
}

.annual-membership-testimonial img {
   max-width: 45px;
}

.annual-membership-testimonial p:first-child {
   line-height: 1;
   font-size: 27px;
   font-weight: 700;
}

.annual-membership-testimonial p:nth-child(2) {
   font-size: 10px;
}

@media (min-width: 550px) {
   .annual-membership-testimonials__container {
      margin-inline: auto;
      max-width: 530px;
      gap: 3rem;
   }

   .annual-membership-testimonial img {
      max-width: 80px;
   }

   .annual-membership-testimonial p:first-child {
      font-size: 35px;
   }

   .annual-membership-testimonial p:nth-child(2) {
      font-size: 14px;
   }
}

@media (min-width: 1000px) {
   .annual-membership-testimonials {
      padding-block:3rem; padding-bottom:3rem;
   }

   .annual-membership-testimonials__container {
      max-width: 100%;
      grid-template-columns: repeat(4, 1fr);
   }
}

.annual-membership-faqs {
   padding-top: min(10vw, 7rem);
   padding-bottom: min(7vw, 5rem);
}

.why-choose-us {
   background-image: url('../img/annualMembership/whyChooseUsBgTopMobile.png'), url('../img/annualMembership/whyChooseUsBgBottomMobile.png');
   background-repeat: no-repeat no-repeat;
   background-position: top left, bottom right;
   padding-bottom: 6rem;
}

.why-choose-us__container {
   margin-top: 2rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: min(5vw, 2rem);
   row-gap: min(4vw, 1.75rem);
}

.why-choose-us-card {
   background-color: #fff;
   border-radius:0rem;
   padding: .9rem;
   color: #000;
   display: flex;
   flex-direction: column;
   gap: .5rem;
}

.why-choose-us-card__title {
   font-family: var(--ff-nunito);
   color: var(--clr-accent-800);
   font-weight: 600;
   line-height: .8;
   margin-top: .5rem;
}

.why-choose-us-card__description {
   font-size: 10px;
}

.why-choose-us-card__icon {
   max-width: 36px;
}

.why-choose-us__title {
   line-height: 1.5;
}

@media(min-width: 600px) {
   .why-choose-us-card__icon {
      max-width: 50px;
   }

   .why-choose-us-card {
      padding: 1.4rem 1rem;
      padding-right: .5rem;
   }

   .why-choose-us-card__title {
      font-size: 1.2rem;
   }

   .why-choose-us-card__description {
      line-height: 2;
      font-size: .875rem;
   }
}

@media(min-width: 1000px) {
   .why-choose-us {
      background-image: url('../img/annualMembership/whyChooseUsBgTop.png'), url('../img/annualMembership/whyChooseUsBgBottom.png');
   }

   .why-choose-us-card__icon {
      margin-bottom: .8rem;
      max-width: 60px;
   }

   .why-choose-us-card {
      border-radius:0rem;
   }

   .why-choose-us__container {
      margin-top: 3.5rem;
      width: min(100%, 780px);
      margin-inline: auto;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 50px;
      row-gap: 43px;
   }
}

.careers .swiper-slide img {
   margin-bottom: .5rem;
   margin-inline: auto;
}

.careers__subtitle {
   margin-top: .5rem;
   margin-bottom: 1rem;
   font-size: .9rem;
}

.careers__description {
   font-size: .8rem;
   max-width: 50ch;
}

@media(min-width: 600px) {
   .careers__subtitle {
      font-size: 1.2rem;
   }

   .careers__description {
      font-size: 1rem;
   }
}

@media(min-width: 700px) {
   .careers__container {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
   }

   .careers .swiper-wrapper {
      order: -1;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      max-width: 600px;
      gap: 2.1rem;
   }
}

.careers__title {
   font-size: var(--fs-750);
}

.careers .swiper-wrapper {
   margin-top: 2.5rem;
   height: 355px;
}

.careers .swiper-slide {
   line-height: 1.1;
   white-space: nowrap;
   height: calc(calc(100% - 35px) / 2);
   text-align: center;
}

@media(min-width: 1200px) {
   .careers__title {
      font-size: var(--fs-800);
   }

   .careers {
      padding-bottom: 4rem;
   }

   .careers__container {
      display: grid;
      grid-template-columns: 600px 1fr;
      gap: min(10vw, 10rem);
      align-items: center;
   }
}

.benefits__grid {
   margin-top: 2rem;
   display: grid;
   gap: 1.95rem;
}

.benefits__grid li {
   display: grid;
   grid-template-columns: 30px 1fr;
   gap: 1.05rem;
}

@media(min-width: 600px) {
   .benefits h2 {
      text-align: center;
   }

   .benefits__grid {
      max-width: 510px;
      margin-inline: auto;
   }
}

@media(min-width: 1000px) {
   .benefits h2 {
      text-align: start;
   }

   .benefits__grid {
      grid-template-columns: 52% 1fr;
      max-width: 100%;
      column-gap: min(8vw, 12rem);
   }
}

.annual-membership-partners {
   padding-block: 2rem;
   display: grid;
   gap: 2rem;
}

.annual-membership-partners__subtitle {
   margin-top: .5rem;
   max-width: 50ch;
}

@media (min-width: 800px) {
   .annual-membership-partners {
      padding-block: 4rem;
      grid-template-columns: 1fr 1fr;
      align-items: center;
   }

   .annual-membership-partners>div {
      justify-self: center;
   }

   .annual-membership-partners img {
      order: -1;
   }

   .annual-membership-partners__subtitle {
      margin-top: 1rem;
   }
}

@media (min-width: 1300px) {
   .annual-membership-partners {
      gap: 8rem;
   }
}

.annual-membership-included__content {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.annual-membership-included__content ul {
   padding-left: 2rem;
   display: grid;
   gap: .5rem;
}

.annual-membership-included__content ul li {
   position: relative;
}

.annual-membership-included__content ul li::before {
   content: '';
   width: 12px;
   height: 12px;
   background-color: var(--clr-accent-800);
   display: inline-block;
   border-radius: 0vmax;
   position: absolute;
   left: -2rem;
   top: .3rem;
}

.annual-membership-included__content br {
   display: none;
}

.annual-membership-included__subtitle {
   font-size: 14px;
   max-width: 65ch;
}

.annual-membership-included {
   padding-bottom: 2rem;
}

.annual-membership-included__container {
   display: grid;
   gap: 1.8rem;
}

@media (min-width: 1070px) {
   .annual-membership-included__content ul {
      gap: .25rem;
   }

   .annual-membership-included__content br {
      display: inline-block;
   }

   .annual-membership-included {
      padding-bottom: 0;
   }

   .annual-membership-included picture {
      justify-self: end;
      align-self: end;
   }

   .annual-membership-included__container {
      grid-template-columns: 45% 1fr;
   }

   .annual-membership-included__content {
      padding-block: 3rem;
      gap: .7rem;
      order: -1;
   }
}

.annual-membership-overview {
   padding-block: 2rem;
   display: grid;
   gap: 2rem;
}

.annual-membership-overview__content {
   max-width: 370px;
   margin-inline: auto;
   display: grid;
   gap: 1rem;
}

@media (max-width: 800px) {
   .annual-membership-overview__content--desktop {
      display: none;
   }
}

@media (min-width: 800px) {
   .annual-membership-overview__content {
      max-width: 55rem;
   }

   .annual-membership-overview {
      padding-block: 5rem;
      grid-template-columns: 40% 1fr;
      align-items: center;
   }

   .annual-membership-overview__content--mobile {
      display: none;
   }
}

.annual-membership-curriculum {
   padding-block: 3rem;
}

.annual-membership-curriculum .swiper-slide {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.annual-membership-curriculum__tabpanel-title {
   display: none;
}

.annual-membership-curriculum__tabpanel {
   padding: 2rem 1rem;
   background-color: var(--clr-blue-700);
   position: relative;
   border: 0;
}

.annual-membership-curriculum__tabpanel::before {
   content: '';
   position: absolute;
   inset: 0;
   opacity: .3;
   background-position: right;
   background-repeat: no-repeat;
   background-image: url('../img/annualMembership/curriculumBgMobile.png');
}

.annual-membership-curriculum__tablist {
   padding-inline: 0;
   justify-content: center;
}

.annual-membership-curriculum-slider {
   width: min(100%, 830px);
   margin-inline: auto;
}

.annual-membership-curriculum__tablist .tablist__tab {
   font-size: 1rem;
}

@media (min-width: 390px) {
   .annual-membership-curriculum__tablist .tablist__tab {
      font-size: 20px;
   }
}

.annual-membership-category {
   box-shadow: -4px -2px 12px 0px rgba(0, 0, 0, 0.25);
   border-radius:0rem;
   background-color: var(--clr-neutral-800);
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 130px;
   gap: .25rem;
}

.annual-membership-category>* {
   transition: .3s ease;
}

.annual-membership-category--prime-pack {
   padding: .5rem;
   padding-bottom: 1rem;
   height: 150px;
}

.annual-membership-category--prime-pack img {
   margin-bottom: auto;
}

.annual-membership-category__title {
   font-size: 13px;
}

.annual-membership-category__subtitle {
   font-size: 10px;
}

.annual-membership-category img {
   max-height: 88px;

   margin-inline: auto;
}

.annual-membership-category--prime-pack img {
   width: 100%;
   object-fit: cover;
   border-radius:0rem;
}

.annual-membership-curriculum__see-all-button {
   display: none;
}

@media (min-width: 870px) {
   .annual-membership-curriculum__tablist-wrapper {
      margin-top: 3rem;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
   }

   .annual-membership-curriculum__see-all-button {
      display: block;
   }

   .annual-membership-curriculum__tablist {
      margin-bottom: 3rem;
      padding-inline: 1rem;
      justify-content: flex-start;
      position: relative;
      isolation: isolate;
   }

   .annual-membership-curriculum__tablist .tablist__tab {
      padding-inline: 1rem;
      padding-bottom: 1rem;
   }

   .annual-membership-curriculum__tablist::after {
      content: '';
      position: absolute;
      bottom: 0;
      height: 2px;
      background-color: #fff;
      width: 91%;
      z-index: -1;
   }

   .annual-membership-curriculum {
      padding-top: 4rem;
      padding-bottom: 7rem;
   }

   .annual-membership-curriculum__navigation {
      display: none;
   }

   .annual-membership-curriculum__tabpanel {
      padding-bottom: 4rem;
   }

   .annual-membership-curriculum__tabpanel::before {
      background-image: url('../img/annualMembership/curriculumBg.png');
      opacity: 66%;
   }

   .annual-membership-category {
      padding-inline: .5rem;
      height: 170px;
   }

   .annual-membership-category {
      display: grid;
      grid-template-rows: 1fr 70px;
   }

   .annual-membership-category--prime-pack {
      grid-template-rows: 87px;
      gap: .25rem;
   }

   .annual-membership-category img:not(.annual-membership-category--prime-pack img) {
      align-self: center;
      margin-top: 2rem;
   }

   .annual-membership-category__title {
      font-size: 1rem;
   }

   .annual-membership-curriculum .swiper-slide {
      gap: 2rem;
   }

   .annual-membership-category__subtitle {
      font-size: 12px;
   }

   .annual-membership-curriculum__tabpanel-title {
      display: block;
      margin-bottom: 2rem;
      font-size: 22px;
   }
}

@media (min-width: 1000px) {
   .annual-membership-category__title {
      font-size: 1.04rem;
   }

   .annual-membership-curriculum .swiper-slide {
      gap: 2.5rem;
   }
}

/* best seller */
.hero--bestseller__img-container {
   padding-bottom: 2rem;
   padding-inline: .5rem;
}

.partners--bestseller__title {
   font-size: var(--fs-700);
}

.partners--bestseller {
   background-image: none;
}

.partners--bestseller br {
   display: none;
}

.partners--bestseller .partner {
   width: 260px;
   height: 111px;
   object-fit: contain;
}

@media(min-width: 65rem) {
   .hero--bestseller__img-container {
      padding-bottom: 0;
   }

   .partners--bestseller {
      background-color: var(--clr-neutral-750);
      color: #fff;
      padding-top: 0;
   }

   .partners--bestseller__title {
      font-size: var(--fs-800);
   }

   .partners--bestseller br {
      display: block;
   }
}

.infinite-carousel__container--bestseller {
   min-width: 1413px;
}

.page-grid {
   margin-top: 2rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   gap: 1.2rem;
}

.page-grid .video-course {
   /*max-width:332px;*/
   max-width: 300px;
}

/* marketplace */
.hero--marketplace__img-container {
   /*padding-inline: 1.5rem; padding-bottom: 2rem;*/
   padding-inline: 0rem;
   padding-bottom: 0rem;
}

@media(min-width: 65rem) {
   .hero--marketplace__img-container {
      padding-inline: 0;
      padding-bottom: 0;
   }

   .hero--marketplace {
      padding-bottom: 0rem;
   }

}

.annual-membership-cta-card {
   border: 1px solid var(--clr-blue-400);
   background-image: url('../img/marketplace/annualMembershipBg.png');
}

.students-are-viewing {
   position: relative;
}

.students-are-viewing__slider {
   padding-inline: .25rem;
   overflow: hidden;
}

.students-are-viewing__nav-button--prev{font-size:26px; color:#fff;
   position: absolute;
   top: 50%;
   z-index: 9;
   left: -15px;
}

.students-are-viewing__nav-button--next{font-size:26px; color:#fff;
   position: absolute;
   top: 50%;
   z-index: 9;
   right: -15px;
}

@media(max-width: 50rem) {
   .students-are-viewing__nav-button {
      display: none;
   }
}

.top-courses__slider {
   margin-top: 2rem;
   overflow: hidden;
}

.top-course {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: .7rem;
   background-color: #fff;
   border-radius:0rem;
   box-shadow: -4px 4px 25px rgba(0, 0, 0, 0.09);
   text-align: center;
   /*max-width:261px;*/
   max-width: 300px;
   height: 300px;
}

.top-course>*,
.top-course {
   transition: all .25s ease !important;
}

.top-course:hover {
   background-color: var(--clr-accent-700);
   color: #fff !important;
}

.top-course>p {
   margin-top: .5rem;
}

/* teach with us */
.hero--teach-with-us__button {
   justify-content: center;
   font-size: 1.15rem;
   margin-inline: auto;
   padding-inline: 2.5rem;
   margin-top: .5rem;
}

.hero--teach-with-us__img-container {
   background-color: var(--clr-neutral-800);
}

.hero--teach-with-us__img-container picture {
   margin-inline: auto;
}

.hero--teach-with-us__content {
   width: 100%;
   padding-inline: 0;
   margin-inline: unset;
   background-color: var(--clr-neutral-150);
   text-align: center;
}

.hero--teach-with-us__content .container {
   display: flex;
   flex-direction: column;
   gap: .5rem;
}

@media (min-width: 60rem) {
   .hero--teach-with-us {
      background-image: url('../img/heroBg.png');
      background-position: right;
      background-repeat: no-repeat;
      background-color: var(--clr-neutral-800);
      background-size: cover;
   }

   .hero--teach-with-us__img-container {
      background-color: transparent;
      order: 1;
   }

   .hero--teach-with-us__button {
      margin-inline: unset;
      max-width: 230px;
   }

   .hero--teach-with-us__content {
      justify-self: center;
      z-index: 2;
      margin-right: -10rem;
      color: #fff;
      text-align: start;
      background-color: transparent;
   }

   .hero--teach-with-us__container {
      display: grid;
      grid-template-columns: 1fr 57%;
      align-items: center;
   }
}

@media (min-width: 90rem) {
   .hero--teach-with-us__container {
      grid-template-columns: 1fr 65%;
   }

   .hero--teach-with-us__content {
      margin: 0;
      white-space: nowrap;
   }

   .hero--teach-with-us__container {
      width: var(--container);
      margin-inline: auto;
   }

}

.possibilities {
   padding-block: min(10vw, 5rem);
   font-weight: 600;
   font-size: 1.2rem;
   text-align: center;
}

.possibilities__container {
   margin-top: min(8vw, 4rem);
   display: grid;
   align-items: end;
   gap: 2rem;
}

@media (min-width: 1030px) {
   .possibilities__container {
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
   }
}

.possibilities__container img {
   margin-bottom: 1rem;
   margin-inline: auto;
}

.teach-with-us-testimonials {
   background-color: var(--clr-yellow-200);
}

.teach-with-us-testimonials__container {
   max-width: 350px;
   margin-inline: auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 45px;
}

@media (min-width: 800px) {
   .teach-with-us-testimonials__container {
      grid-template-columns: repeat(4, 1fr);
      max-width: 100%;
   }
}

.teach-with-us-testimonial {
   font-size: 10px;
   display: flex;
   align-items: flex-start;
   gap: .5rem;
}

.teach-with-us-testimonial__price {
   font-weight: 700;
   line-height: 1;
   font-size: 2rem;
}

@media (min-width: 1000px) {
   .teach-with-us-testimonial {
      gap: .8rem;
      font-size: 14px;
   }

   .teach-with-us-testimonial__price {
      font-size: 2.5rem;
   }
}

.become-instructor {
   padding-block: min(8vw, 4rem);
}

.become-instructor .button {
   margin-top: 2rem;
   margin-inline: auto;
   width: min(100%, 350px);
   justify-content: center;
}

.become-instructor summary {
   cursor: pointer;
   padding-block: 1rem;
   border-bottom: 1px solid var(--clr-neutral-800);
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: .5rem;
   flex-wrap: wrap;
   font-weight: 600;
}

.become-instructor details ul {
   list-style: disc;
   padding-left: 1rem;
}

.become-instructor details[open] summary img {
   transform: rotate(180deg);
}

.become-instructor details>:nth-child(2) {
   margin-top: 1rem;
}

@media (min-width: 650px) {
   .become-instructor .button {
      max-width: 400px;
      font-size: 1.2rem;
   }

   .become-instructor summary {
      font-size: 18px;
   }
}

.become-instructor__container {
   display: grid;
   gap: 1rem;
}

.become-instructor__title {
   order: 1;
}

.become-instructor__img {
   order: 2;
}

.become-instructor__content {
   order: 3;
}

@media (min-width: 1050px) {
   .become-instructor summary {
      padding-block: 1.2rem;
   }

   .become-instructor .button {
      margin-top: 4rem;
   }

   .become-instructor__content {
      grid-row: 2;
   }

   .become-instructor__img {
      justify-self: end;
      grid-row: 1/-1;
      order: 3;
   }

   .become-instructor__container {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto 1fr;
      column-gap: 2rem;
   }
}

.support .container {
   width: min(90%, 1010px);
   margin-inline: auto;
}

.support .container>p:nth-of-type(2) {
   max-width: 850px;
   margin-inline: auto;
}

/* prime packs listing */
.hero--prime-packs__img-container {
   background-color: var(--clr-neutral-800);
}

.hero--prime-packs__description {
   max-width: 80ch;
   /*
   font-size: var(--fs-200);
   */
}

@media (max-width: 1070px) {
   .hero--prime-packs__img-container img {
      width: min(100%, 450px);
   }

   .hero--prime-packs__content {
      align-items: center;
      /*
      margin-top: 1rem;
      */
      background-color: var(--clr-neutral-200);
      padding-left: 8px;
      padding-right: 8px;
      /*
      color: #fff;
      border-radius: 10px;
      */
   }

   .hero--prime-packs__title--desktop {
      display: none;
   }

   .hero--prime-packs__description {
      text-align: center;
   }
}

.hero--prime-packs__title--mobile h1 {
   font-size: 2.1rem;
}

.hero--prime-packs__title--mobile h1 br {
   display: none;
}

.hero--prime-packs__title--mobile {
   margin-right: auto;
   margin-left: 2rem;
   margin-block: 1rem;
   line-height: 1.2;
}

.hero--prime-packs__title--mobile {
   text-align: center;
   margin-inline: auto;
}

@media (max-width: 1250px) {
   .collections__content picture {
      display: none;
   }
}

.hero--prime-packs__content .hero__title-inner {
   text-align: center;
}

@media (max-width: 1070px) {
   .hero--prime-packs__content .hero__title-inner {
      font-size: var(--fs-700) !important;
   }
}
@media (min-width: 40rem) {


   .hero--prime-packs__description {
      font-size: var(--fs-400);
   }
}

.hero--prime-packs__title--mobile>span {
   margin-top: .75rem;
   display: inline-block;
}

.hero--prime-packs-testimonials {
   max-width: 600px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin-block: 1.5rem;
   row-gap: 2rem;
}

@media (min-width: 540px) {
   .hero--prime-packs-testimonials {
      grid-template-columns: repeat(4, 1fr);
   }
}

.hero--prime-packs-testimonial {
   width: 135px;
   height: 60px;
   text-align: center;
   font-size: var(--fs-300);
   font-weight: 500;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.hero--prime-packs-testimonial svg {
   margin-inline: auto;
   max-width: 45px;
}

#systemTagListPaginate {
   display: none;
}

@media (min-width: 1070px) {
   .hero--prime-packs {
      background-color: var(--clr-neutral-800);
      color: #fff;
   }

   .hero--prime-packs__content .hero__title-inner {
      text-align: left;
   }

   .hero--prime-packs-testimonial svg path {
      fill: none;
      stroke: #fff;
   }

   .hero--prime-packs-testimonial {
      gap: 1rem;
      height: 70px;
   }

   .hero--prime-packs-testimonial:nth-child(3) svg path {
      stroke: #fff;
   }

   .hero--prime-packs__title--mobile {
      display: none;
   }

   .hero--prime-packs__description {
      max-width: 35rem;
      font-size: var(--fs-400);
   }
}

@media (max-width: 1070px) {
   .hero--prime-packs__img-container img {
      margin-inline: auto;
   /*   display: none; */

   }
}

@media (min-width: 1070px) {
   .hero--prime-packs__container {
      margin-left: calc((100% - min(calc(100% - 1rem * 2), 80rem)) / 2);
      display: grid;
      grid-template-columns: 45% 1fr;
      gap: 0.6rem;
      align-items: center;
   }
}

@media (min-width: 95rem) {
   .hero--prime-packs__container {
      padding-top: 3rem;
      margin-inline: auto;
      width: var(--container);
      grid-template-columns: 50% 1fr;
      gap: 2rem;
   }
}

.collections {
   padding-top: 3rem;
}

.collection-item {
   height: calc(calc(100% - 16px) / 2) !important;
   border-radius:0rem;
   padding: 1rem;
   color: #000;
   background-color: #fff;
   display: flex;
   flex-direction: column;
}

.collections__outro {
   padding-top: 2rem;
}

.collections-items-wrapper {
   padding: 2rem 1.5rem;
   background-color: var(--clr-neutral-600);
}

.collection-item__header {
   display: flex;
   align-items: center;
   gap: .6rem;
}

.collection-item__footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: .6rem;
}

.collection-item__footer {
   margin-top: auto;
}

.collection-item__price {
   font-size: 1.35rem;
}

.collections__intro p {
   max-width: 35rem;
}

@media(max-width: 1250px) {
   .collections .swiper-wrapper {
      height: 340px;
   }
}

.collections-items-wrapper__outro {
   display: none;
}

.collections__outro {
   display: none;
}

.collections__intro {
   padding-bottom: 1.5rem;
}

.collections__intro p {
   margin-inline: initial;
}

@media(min-width: 1250px) {
   .collections .swiper-wrapper {
      height: 520px;
   }

   .collections__intro {
      text-align: left;
      margin-top: 2rem;
      padding-bottom: 0;
   }

   .collection-item {
      height: calc(calc(100% - 50px) / 3) !important;
   }


   .collections {
      padding-right: 2rem;
      padding-top: 4rem;
      padding-bottom: 6rem;
   }

   .collections-items-wrapper {
      justify-self: end;
      overflow: hidden;
      margin-top: 1rem;
      border-radius:0rem;
      width: min(100%, 45rem);
   }

   .collections__content {
      align-items: end;
      display: grid;
      grid-template-columns: 620px 1fr;
   }

   .collections__content>div:first-child {
      padding-top: 1.5rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }
}


@media(min-width: 90rem) {
   .collections .swiper-wrapper {
      height: 540px;
   }

   .collection-item__title {
      font-size: .985rem;
   }

   .collections {
      padding-right: 0;
   }

   .collections__intro {
      width: auto;
   }

   .collections__container {
      width: var(--container);
      margin-inline: auto;
   }
}

/* search page */
.course-list-wrapper {
   width: 100%;
}

.course-list {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   /* justify-content: center;*/
}

.course-list-item {
   margin-bottom: .5rem;
   padding: 1rem;
   max-width: auto;
   position: relative;
   box-shadow: none;
   border: 1px solid var(--clr-neutral-200);
}

.course-list-item__content {
   padding: 0;
   padding-top: .5rem;
}

.course-list-item__img {
   width: 280px;
   height: 180px;
}

.course-list-item__footer {
   border: 0;
   padding: 0;
   padding-top: .6rem;
   font-size: var(--fs-300);
   flex-direction: column;
   align-items: stretch;
}

.course-list-item__buttons .button {
   max-width:165px;
}

.course-list-item__buttons .button>span {
   display: none;
}

@media(min-width: 75rem) {
   .course-list {
      display: block;
      width: 100%;
   }

   .course-list-item {
      padding: 0;
      border: 0;
      border-bottom: 1px solid var(--clr-neutral-500);
      padding-block: 2rem;
      border-radius: 0;
      background-color: transparent;
      align-self: start;
      width: 100%;
      max-width: 100%;
      display: grid;
      grid-template-columns: 17.5rem 1fr;
      column-gap: 2rem;
   }

   .course-list-item:first-child {
      border-top: 1px solid var(--clr-neutral-500);
   }

   .course-list-item__heart-button {
      left: 250px;
      top: 44px;
   }

   .course-list-item__header {
      display: flex;
      align-items: center;
      gap: 1rem;
      justify-content: space-between;
   }

   .course-list-item__content {
      padding-top: 0;
   }

   .course-list-item__img {
      height: 180px;
      border-radius:0rem;
      grid-row: 1/3;
   }

   .course-list-item__footer {
      grid-column: 2;
      align-self: end;
      flex-direction: row;
   }

   .course-list-item__buttons {
      flex: 1;
      flex-direction: row-reverse;
   }

   .course-list-item__buttons .button {
      justify-content: center;
      width: 40%;
   }

   .course-list-item__buttons .button>span {
      display: inline-block;
   }

   .course-list-item__info {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: .5rem;
   }

   .course-list-item__header .ebook-price {
      display: block !important;
   }
}

.search-page {
   position: relative;
}

.search-page-wrapper {
   display: grid;
   justify-items: center;
   padding-bottom: 4rem;
}

.search-page-intro {
   display: block;
   padding-inline: 2rem;
   padding-top: 1rem;
   padding-bottom: 2rem;
}

@media(min-width: 75rem) {
   .search-page-intro {
      padding-inline: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .search-page-wrapper {
      grid-template-columns: 286px 1fr;
      gap: 2rem;
      width: var(--container);
      margin-inline: auto;
   }
}

.filter-aside__title {
   margin-top: 2rem;
   margin-bottom: .75rem;
   font-size: var(--fs-550);
   color: var(--clr-accent-700);
   font-weight: 700;
}

.filter-aside__sublist {
   display: flex;
   flex-direction: column;
   gap: .85rem;
}

.filter-aside__list {
   margin-top: 2rem;
}

.filter-aside .show-more-button {
   display: flex;
   align-items: center;
   gap: .5rem;
   color: var(--clr-accent-700);
}

.filter-aside .checkmark {
   border-radius:0rem;
   width: 20px;
   height: 20px;
}

.filter-aside__item {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

@media(max-width: 75rem) {
   .filter-aside {
      z-index: 9;
      overflow-y: auto;
      padding: 3rem;
      position: absolute;
      inset: 0;
      max-width: 320px;
      color: #fff;
      background-color: var(--clr-neutral-800);
      transform: translateX(-100%);
      transition: .4s ease-in-out;
   }

   .filter-aside--fixed {
      position: fixed;
   }

   .filter-aside-backdrop {
      position: absolute;
      pointer-events: none;
      inset: 0;
      z-index: 1;
      opacity: 0;
      background-color: hsl(0 0% 100% / .8);
      transition: .4s ease-in-out;
   }

   .filter-aside-backdrop[data-visible=true] {
      opacity: 1;
   }

   .filter-aside[data-visible=true] {
      transform: translate(0);
   }

   .filter-aside .checkmark {
      background-color: transparent;
      border: 1px solid #fff;
   }
}

.search-page-intro>div {
   margin-top: 1rem;
}

.search-page-intro__title {
   font-size: var(--fs-600);
}

@media(min-width: 75rem) {
   .search-page-intro__title {
      font-size: var(--fs-700);
   }

   .search-page-intro {
      margin-bottom: 3rem;
      background-color: var(--clr-yellow-200);
      border-radius:0rem;
      padding: 2.5rem 1.5rem;
   }

   .search-page-intro>div {
      margin-top: 0;
   }

   .button--filter {
      display: none;
   }

   .filter-aside .checkmark {
      background-color: transparent;
   }

   .filter-aside .radio {
      border-color: #000;
   }

   .filter-aside .radio:checked {
      border-color: var(--clr-accent-700);
   }

   .filter-aside {
      align-self: start;
      padding: 2rem 1.5rem;
      box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11);
      background-color: var(--clr-accent-25);
      width: 100%;
   }
}

.filter-accordion[open] summary img {
   transform: rotate(180deg);
}

.filter-accordion summary {
   margin-top: 2.5rem;
   cursor: pointer;
   font-weight: 600;
   font-size: var(--fs-550);
   display: flex;
   align-items: center;
   color: var(--clr-accent-700);
   gap: 3rem;
}

.filter-accordion>div {
   margin-top: 1rem;
}

/* category */
.category-nav li {
   width: fit-content !important;
}

@media (max-width: 1350px) {
   .category-nav {
      padding-block: 23px;
      padding-inline: 2rem;
      background-color: var(--clr-neutral-150);
   }

   .category-nav a {
      border-radius:0rem;
      padding: .4rem 1.25rem;
      border: 1px solid var(--clr-accent-700);
      transition: .25s ease;
   }

   .category-nav a[aria-current="category"],
   .category-nav a:hover {
      background-color: var(--clr-accent-700);
      color: #fff !important;
   }
}

@media (min-width: 1350px) {
   .category-nav {
      font-size: 18px;
      padding-top: 2rem;
      padding-inline: 4rem;
      background-color: var(--clr-neutral-150);
   }

   .category-nav li:last-child {
      margin-right: 0 !important;
   }

   .category-nav a {
      padding-bottom: 1.5rem;
      padding-inline: .5rem;
      border-bottom: 5px solid transparent;
      display: inline-block;
   }

   .category-nav a[aria-current="category"] {
      font-weight: 700;
      border-bottom: 5px solid var(--clr-accent-700);
   }

   .category-nav a:hover {
      border-bottom: 5px solid var(--clr-accent-700);
      color: #000 !important;
   }

   .category-nav ul {
      justify-content: center;
   }
}

@media (min-width: 1550px) {
   .category-nav a {
      padding-inline: 1rem;
   }
}

.category-desktop-intro {
   /*display: none;*/
   position: relative;
}

.category-mobile-intro {
   max-width: 50rem;
   margin-top: .5rem;
   margin-bottom: .4rem;
}

.category-search-buttons {
   margin-top: 1rem;
   background-color: var(--clr-neutral-150);
   padding-block: 1.5rem;
}

.category-desktop-intro__button {
   margin-top: .5rem;
}

@media (min-width: 75rem) {
   .category-intro {
      display: flex;
      align-items: center;
      width: var(--container);
      margin-inline: auto;
   }

   .category-search-buttons {
      background-color: transparent;
   }

   .category-mobile-intro {
      display: none;
   }

   .category-desktop-intro {
      display: block;
   }
}

.popular-instructors {
   padding-bottom: 2rem;
}

.popular-instructors__slider {
   margin-top: min(5vw, 3rem);
}

.popular-instructor {
   max-width: 232px;
   padding: .75rem;
   padding-right: .5rem;
   border: 1px solid var(--clr-neutral-300);
   border-radius:0px;
}

.popular-instructor>div {
   display: flex;
   align-items: center;
   gap: 1rem;
   font-size: 10px;
}

.popular-instructor img {
   max-width: 60px;
}

.popular-instructor__title {
   font-size: 12px;
}

.popular-instructor__position {
   font-size: 10px;
   color: var(--clr-neutral-300);
   margin-bottom: .5rem;
}

.popular-instructor__name {
   margin-top: .25rem;
   font-size: 1rem;
   font-weight: 700;
}

.popular-instructors__navigation {
   margin-top: 1rem;
   justify-content: flex-end;
}

@media (min-width: 850px) {
   .popular-instructors {
      margin-top: 3rem;
   }

   .popular-instructor img {
      max-width: 75px;
      border-radius:0px;
   }

   .popular-instructor__title {
      font-size: 1.2rem;
   }

   .popular-instructor__position {
      margin-bottom: .25rem;
      font-size: 13px;
   }

   .popular-instructor>div {
      gap: 1.5rem;
      font-size: 13px;
   }

   .popular-instructor {
      padding: 1rem;
      max-width: 323px;
      padding-right: .75rem;
   }

   .popular-instructor__name {
      font-size: 20px;
   }
}

.category-intro {
   margin-bottom: 2rem;
}

.category-aside-wrapper {
   position: relative;
}

.category-courses {
   padding-top: 2rem;
}

.popular-searches {
   margin-top: min(7vw, 3rem);
   display: grid;
   gap: .5rem;
   grid-template-columns: 1fr 1fr;
}

.popular-search {
   border: 1px solid #000;
   border-radius:0rem;
   padding: .55rem 1rem;
   font-size: 11px;
   background-color: var(--clr-yellow-200);
   display: inline-block;
   text-align: center;
   transition: .25s ease;
}

@media (min-width: 500px) {
   .popular-search {
      font-size: 14px;
   }
}

@media (min-width: 600px) {
   .popular-searches {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (min-width: 850px) {
   .popular-searches {
      grid-template-columns: repeat(4, 1fr);
   }
}

@media (min-width: 1000px) {
   .popular-search {
      font-size: 19px;
      padding-block: 15px;
   }
}

.popular-search:hover {
   background-color: transparent;
}

/* cart */
.cart {
   background-color: var(--clr-neutral-150);
}

.cart__container {
   padding-bottom: min(10vw, 5rem);
}

.cart-details {
   padding-top: min(2vw, 0rem);
}

.cart-apply-coupon {
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 10px;
   border-radius:0rem;
   padding-left: 1rem;
}

.cart-apply-coupon__button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.cart-apply-coupon__button svg {
   min-width: 20px;
}

.cart-product-details {
   padding-bottom: 3rem;
   margin-top: 1rem;
}

.cart-item__product {
   background-color: var(--clr-accent-100);
   border-radius:0rem;
   padding: .2rem .5rem;
}

.cart-product-details__title {
   border-bottom: 1px solid var(--clr-neutral-300);
   padding-bottom: .5rem;
}

.cart-items {
   padding-top: min(5vw, 0rem);
   display: flex;
   flex-direction: column;
   gap: 1rem;
   min-height: 100px;
   max-height: 520px;
   overflow: auto;
   margin: 1rem 0rem 0 0;
   padding: 0 1rem 0 0;
}


.cart-item {
   display: grid;
   align-items: center;
   grid-template-columns: 80px 1fr 10%;
   gap: .5rem;
}

@media(min-width: 60rem) {

   .cart-apply-coupon {
      background-color: var(--clr-neutral-150);
      font-size: 1rem;
   }

   .cart-item {
      grid-template-columns: 100px 1fr 7%;
   }

   .cart-item__name {
      font-size: 1.1rem;
   }

   .cart {
      background-color: #fff;
   }
}

.cart-item__content {
   justify-self: start;
}

.cart-item__button {
   background: #8b8b8b;
   cursor: pointer;
   border: 0;
   display: grid;
   place-content: center;
   width: 25px;
   height: 25px;
   border-radius:0rem;
   transition: .25s ease;
}

.cart-item__button--green {
   border: 1px solid var(--clr-accent-700);
   background-color: var(--clr-accent-700);
}

.cart-item__button--green:hover {
   background-color: #fff;
}

.cart-item__button--green:hover svg path {
   stroke: var(--clr-accent-700);
}

.cart-item__button--neutral {
   background-color: var(--clr-neutral-300);
}

.cart-item__price-container {
   display: flex;
   flex-direction: column;
   justify-self: end;
   gap: 1rem;
}

.cart-item__price {
   line-height: 1;
}

.cart-item__buttons {
   justify-content: flex-end;
}

.modal--coupon {
   position: fixed;
   inset: 0;
   width: 100%;
   padding: 2rem;
   max-width: 100%;
}

@media(min-width: 50rem) {
   .modal--coupon {
      width: 600px;
      right: 0;
      left: unset;
      height: 100vh;
      max-height: 100%;
   }

   .promocode-container small {
      font-size: 1rem;
   }

   .modal--coupon__header {
      align-self: flex-start;
   }

   .modal--coupon__content {
      padding-inline: min(10vw, 4rem);

   }
}

.modal--coupon::backdrop {
   background: rgb(0 0 0 / .6);
}

.modal--coupon-input__input {
   min-height: 46px;
   border: 0;
   width: 100%;
   background-color: var(--clr-neutral-200);
   border-top-left-radius: .5rem;
   border-bottom-left-radius: .5rem;
   padding-left: 1rem;
   border: 1px solid transparent;
}

.modal--coupon-input__input:focus {
   outline: none;
   border-color: var(--clr-orange-400);
}

.modal--coupon-input {
   position: relative;
   display: flex;
   align-items: center;
}

.modal--coupon-input__button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.promocode-container {
   background-color: var(--clr-accent-50);
   align-items: center;
   padding: 0rem 1rem;
   border-radius:0rem;
}

.promocode-container .button-reset {
   align-self: center;
}

.modal--coupon__content {
   padding-block: 2rem;
}

@media(max-width: 50rem) {
   .order-summary--mobile {
      display: grid;
   }
}

@media(min-width: 50rem) {
   .order-summary--mobile {
      display: none;
   }
}

.order-summary--mobile {
   padding-block: 1rem;
   background-color: #fff;
   box-shadow: 0px -5px 11px rgba(0, 0, 0, 0.1);
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 999999;
   border-radius: 0;
}

.order-summary--mobile .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.order-summary--desktop {
   display: flex;
   align-items: top;
   justify-content: center;
   background-color: var(--clr-accent-100);
   display: none;
}

.cart__checkout-button {
   justify-content: center;
   width: 100%;
}

.order-summary--desktop__list {
   border-top: 2px solid var(--clr-neutral-300);
   border-bottom: 1px solid var(--clr-neutral-300);
   padding-block: .5rem;
}

.order-summary--desktop__content {
   width: min(85%, 450px);
   margin: 0 auto;
}

.cart__container {
   width: var(--container);
   ;
   margin-inline: auto;
}

@media(min-width: 50rem) {
   .order-summary--desktop {
      display: flex;
   }

   .cart__container {
      width: auto;
      margin-left: calc((100% - min(calc(100% - 1.875rem * 2), 76rem))/2);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: min(5vw, 3rem);
   }
}

@media(min-width: 1440px) {
   .cart__container {
      width: var(--container);
      margin-inline: auto;
      display: grid;
   }
}

@media(max-width: 50rem) {
   .cart__you-might-like {
      display: none;
   }
}

.cart-empty {
   padding-top: 1.5rem;
   background-color: var(--clr-neutral-150);
}

.cart-empty__container {
   margin-top: 2rem;
   border-radius:0rem;
   padding-top: 1rem;
   padding-bottom: 3rem;
   border: 1px solid var(--clr-neutral-800);
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;
   margin-bottom: 3rem;
}

.cart-partners {
   padding-block: 1rem;
}

/* sign up | sign in */
.auth-header {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-inline: auto;
   background-color: var(--clr-accent-600);
   padding-block: 1.25rem;
}

.auth-content-wrapper {
   margin-top: 2rem;
   position: relative;
   min-height: calc(100vh - var(--auth-header-height));
}

@media (min-width: 50rem) {
   .auth-header {
      background-color: transparent;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      justify-content: flex-start;
      /* padding-left: 5.5rem; */
      padding-left: 2rem;
      padding-block: 0;
      min-height: var(--auth-header-height);
   }

   .auth-content-wrapper {
      margin-top: 0;
   }
}


.auth-aside {
   height: 100%;
   display: none;
   background-image: url("../img/auth/bg.png");
   background-size: cover;
   padding-inline: 2rem;
   padding-top: 5rem;
   flex-direction: column;
   align-items: center;
   position: relative;
   isolation: isolate;
}

.auth-aside::before {
   content: "";
   z-index: -1;
   inset: 0;
   position: absolute;
   background: #69af63de;
}

.auth-aside img {
   margin-bottom:3rem;
}

.auth {
   padding-inline: 2rem;
   width: min(100%, 30rem);
   margin-inline: auto;
}

@media (min-width: 50rem) {
   .auth-content-wrapper{height:100vh; 
      display: grid;
      grid-template-columns: 25rem 1fr;
      align-items: center;
   }

   .auth-content-wrapper::before {
      content: "";
      inset: 0;
      position: absolute;
      background-image: url("../img/auth/bg-top.png");
      background-repeat: no-repeat;
      background-position: 0rem -15rem;
      z-index: -1;
   }

   .auth-content-wrapper::after {
      content: "";
      inset: 0;
      position: absolute;
      background-image: url("../img/auth/bg-bottom.png");
      background-repeat: no-repeat;
      background-position: bottom -5rem right -5rem;
      z-index: -1;
      opacity: 0.2;
   }

   .auth-aside {
      display: flex;
   }

   .error-msg-fixed {
      position: absolute;
      margin: 0px 0px 0px 0px;
   }
}

.auth input {
   width: 100%;
   min-height: 42px;
}

.auth textarea {
   width: 100%;
   min-height: 125px;
   resize: none;
}

.auth label {
   display: block;
}

.auth-form {
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 2rem;
   row-gap: 0.75rem;
   align-items: start;
}

.auth-form__span-2 {
   grid-column: 1/3;
}

.auth-form__button {
   grid-column: 1/3;
   justify-content: center;
   width: min(100%, 30rem);
   margin-inline: auto;
}

.or-divider {
   text-align: center;
   position: relative;
   display: flex;
   align-items: center;
}

.or-divider::before,
.or-divider::after {
   content: "";
   height: 2px;
   width: 50%;
   margin-inline: 0.5rem;
   display: inline-block;
   background-color: var(--clr-neutral-250);
}

#signup-form #prevBtn {
   display: none;
}

.auth-form__otp {
   display: grid;
   align-content: start;
   column-gap: 3rem;
}

@media (min-width: 70rem) {
   .auth-form__otp {
      grid-template-columns: 1fr 1fr;
      column-gap: 4rem;
   }

   .auth-form__otp>* {
      grid-column: 1;
   }

   .auth-form__otp {
      grid-column: 1;
   }

   .auth {
      width: min(100%, 60rem);
   }

   .auth--signin {
      width: min(100%, 30rem);
      padding-inline: 0;
   }

   .auth-form {
      column-gap: 4rem;
   }

   .auth-form__span-2:not(.auth--signin .auth-form__span-2):not(.checkbox) {
      grid-column: unset;
   }

   .auth .checkbox {
      grid-column: 1/3;
   }

   .auth-footer {
      margin-inline: auto;
      width: min(100%, 30rem);
   }

   .auth-form__button {
      width: min(100%, 30rem);
      margin-top: 1rem;
   }

   .auth .button--transparent {
      width: 47%;
   }

   .or-divider {
      margin-top: 1rem;
   }

   .error-msg-fixed {
      position: absolute;
      margin: 0px 0px 0px 0px;
   }
}

.signup-step {
   min-height: 160px;
}

.signup-step:not(:first-child) {
   display: none;
}

.otp-input-wrapper {
   display: flex;
   align-items: center;
   gap: 1rem;
}

.otp-input {
   font-size: 1.8rem;
   width: 50px !important;
   height: 50px;
   text-align: center;
   border: 1px solid var(--clr-neutral-300);
   border-radius:0rem;
   padding: 0.3rem .3rem;
   color: #000;
}

.otp-input:focus {
   outline: none;
   border-color: #000;
}

.accent-header {
   position: relative;
   background-color: var(--clr-accent-800);
   padding: .4rem 0;
}

.accent-nav {
   width: var(--container);
   margin-inline: auto;
   gap: 1.5rem;
}

@media(max-width:864px) {
   .auth .otp-input {
      width: 40px !important;
      height: 40px !important;
      font-size: 22px;
   }

   .auth-form__span-2 {
      margin-bottom: 1rem;
   }
}

@media(max-width:800px) {
   .accent-nav__content {
      padding-right: 1rem;
   }
}

.accent-nav__content {
   width: 100%;
   overflow: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1.5rem;
}

@media (max-width: 1250px) {

   .accent-nav__list {
      padding-block: .5rem;
      white-space: nowrap;
      color: var(--clr-neutral-100);
   }

   .accent-nav__list[data-visible] {
      display: block;
   }

   .accent-nav__link {
      padding-left: 1rem;
      display: flex;
      align-items: center;
      gap: .5rem;
   }

   .accent-nav__link svg {
      flex-shrink: 0;
      margin-top: -1px;
   }

   .accent-nav__link:hover:not([aria-current=page]) {
      color: unset !important;
   }

   .accent-nav__link[aria-current=page] {
      color: var(--clr-accent-800);
   }

   .accent-nav__link[aria-current=page] svg path {
      fill: var(--clr-accent-800);
   }

   .accent-nav__right-list {
      white-space: nowrap;
      gap: 1rem;
   }

   .accent-nav__toggle {
      cursor: pointer;
      display: none;
      align-items: center;
      border: 0;
      background-color: transparent;
      gap: .5rem;
      color: #fff;
      border-radius:0rem;
      padding: .35rem 1rem;
   }

   .accent-nav__toggle[aria-expanded=true] {
      background-color: #fff;
      color: var(--clr-accent-800);
   }

   .accent-nav__toggle[aria-expanded=true] svg {
      transform: rotate(180deg);
   }

   .accent-nav__toggle[aria-expanded=true] svg path {
      stroke: var(--clr-accent-800);
   }

   .accent-nav__content[data-visible] {
      grid-template-rows: 1fr;
   }

   .accent-nav__content {
      transition: .35s ease-in-out;
      width: 100%;
      left: 0;
      z-index: 500;
      top: 56px;
   }
}

.accent-nav__login-button {
   padding: .5rem 1rem;
   background-color: #fff;
   border-radius:0rem;
   font-weight: 600;
   color: var(--clr-accent-800);
}

.accent-nav__list {
   display: flex;
   align-items: center;
   gap: 1.5rem;
}

.accent-nav__content {
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.accent-nav__content::-webkit-scrollbar {
   display: none !important;
}

.accent-nav__link {
   color: #fff !important;
}

@media (min-width: 1250px) {
   .accent-nav__login-button {
      display: none;
   }

   .accent-nav__toggle {
      display: none;
   }

   .accent-nav__link {
      display: flex;
      align-items: center;
      gap: .5rem;
      color: #fff !important;
   }

   .accent-nav__link:hover {
      text-decoration: underline !important;
   }
}

.accent-nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.accent-nav__right-list>li:first-child {
   margin-right: 1rem;
}

.accent-nav__social-link {
   display: grid; color:#fff;
   place-content: center;
   background-color: #239327;
   width: 30px;
   height: 30px;
   border-radius: 0vmax;
}

.accent-nav__social-link svg {
   width: 16px;
}

.accent-nav__item--right {
   margin-left: auto;
}


/* custom css */
.hero--marketplace img {
   width: 100%;
   max-height: 375px;
   margin: 0 auto;
   border-radius:0rem;
}

img.master-tools-img {
   max-height: 55px !important;
   margin: 0 auto 5px auto !important;
}

.master-tools-tag {
   font-size: 14px;
   text-align: center;
   color: #000;
   padding: 5px 0px;
   margin: 0px;
   white-space: nowrap;
}

.under-maintenance {
   background: #000;
   padding: 10px;
   color: #fff;
   font-size: 16px;
   text-align: center;
   margin: 0px;
}

.overview p {
   text-align: justify;
}

.dropdown__item:hover {
   color: var(--clr-accent-700);
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   background-color: var(--clr-neutral-150);
}

.price {
   text-align: left;
   padding: 0;
   margin: 0px;
}

.actual-price {
   color: #9a9898;
   text-decoration: line-through;
   line-height: 36px !important;
   padding-left: 0px;
}

.pricing-card .ebook-price {
   display: flex !important;
   align-items: center;
   gap: .5rem !important;
}

.pricing-card--mobile .ebook-price {
   display: block !important;
   align-items: center;
   gap: .5rem !important;
}

.overview__img:not(.overview__img--no-bg) img {
   border-radius: 0rem;
}

.ms-auto {
   text-align: center;
   margin: 0 auto;
}

.instructor__img img {
   border: 1px solid #e5e5e5;
   border-radius: 0rem;
}

.video-course__content h3 {
   height: 50px;
   overflow: hidden;
}

img.ebook-img {
   width: 127px;
   height: 163px;
   margin: 0 auto;
   border: 1px solid #ccc;
   border-radius: 0rem;
}

#SocialDiV {
   display:none;
   padding: 5px 10px 5px 14px;
   margin: 5px 0px 0px 2px; align-items:center; justify-content:center;
}

a.social-icons {
   display: inline-flex;
   align-items: center;
   font-size: 100%;
   margin:0px 5px;
}

a.social-icons span {
   font-size: 75%;
   color: #747373;
   margin: 0px 20px 0px 4px !important;
}

.h26 {
   height: 26px;
   overflow: hidden;
}

.h46 {
   height: 46px;
   overflow: hidden;
}

.ebook-img {
   width: 130px;
   height: 165px;
}

.pricing-card__like-button.active {
   background-color: var(--clr-accent-700);
   border: 1px solid var(--clr-neutral-200);
}

.pricing-card__like-button.active svg path {
   fill: white;
}

#playlist-div h2 {
   font-size: 20px;
   color: #fff;
   padding: 25px 0px 0px 0px;
   margin: 0px;
}

ul.course-modal-ul {
   margin: 15px 0px 15px 0px;
   padding: 0px;
}

ul.course-modal-ul li {
   margin: 0px;
   padding: 10px 0px 10px 10px;
   border-bottom: 1px solid #0b1b24;
}

ul.course-modal-ul li a {
   font-size: 16px;
   color: #fff;
   margin: 15px 0px 15px 0px;
   padding: 0px;
}

.me-2 {
   padding-right: 10px;
}

ul.course-modal-ul li:hover {
   background: linear-gradient(90deg, rgb(13 31 41) 0%, rgb(6 20 28) 35%, rgb(14 32 42) 100%);
   border-radius:0px;
   cursor: pointer;
}

.course-model-active {
   background: linear-gradient(90deg, rgb(13 31 41) 0%, rgb(6 20 28) 35%, rgb(14 32 42) 100%);
   border-radius:0px;
}

.pricing-card__flex-center {
   padding-inline: 1.25rem;
   justify-content: center;
}

.pricing-card__flex-center {
   /*margin-bottom:1.5rem;*/
   margin-bottom: 0rem;
}

.course-description-content .show-more-height {
   height: 465px;
   overflow: hidden;
}

.course-description-content .text {
   margin-bottom: 5px;
   padding: 0 0px;
   position: relative;
   display: block;
}

.vjs-progress-control .vjs-play-progress {
   top: 40% !important;
}

.video-js .vjs-progress-control .vjs-play-progress {
   height: 8px !important;
}

.video-js .vjs-progress-control .vjs-load-progress {
   margin-top: 0px !important;
   top: 40% !important;
}

.video-js .vjs-progress-control .vjs-progress-holder {
   margin: 0 0px !important;
}

.no-touch .video-js .vjs-button:hover {
   background-color: #04af2f !important;
}

.video-js .vjs-progress-control .vjs-play-progress {
   background-color: #04af2f !important;
}

.vjs-button>.vjs-icon-placeholder:before {
   font-size: 1.2em !important;
   line-height: 42px !important;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
   content: "\f108" !important;
}

.video-js .vjs-zoom-menu .vjs-zoom-reset:hover {
   background-color: #04af2f !important;
}

.no-touch .video-js .vjs-menu-settings .vjs-menu-content li:hover {
   background-color: #04af2f !important;
}

.vjs-zoom-parent,
.vjs-reset-info {
   display: none !important;
}

.search-icons {
   float: left;
   width:22px;
   margin:4px 5px 10px 0px;
}

#search-results {
   padding-top: 0px;
   position: absolute;
   margin-top: 0px !important;
   border: none;
   display: none;
   border-radius: 0px;
}

.search-box ul a {
   color: #333;
}

.search-box .search_hghlt {
   margin: 0px;
   padding: 8px 10px;
   font-size: 18px;
   border-top: 1px solid #e8e8e8;
}

.search-box .search-overlay {
   padding: 0px 0px 20px 0px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   display: list-item;
   z-index: 999;
}

.search-overlay::marker {
   display: none;
   color: #fff;
}

.search-box ul {
   background: #fff;
   position: relative;
   min-height: 15px;
   max-height: 505px;
   overflow: auto;
   padding: 0px;
   border-top: 0px solid #767676;
   border-right: 1px solid #767676;
   border-left: 1px solid #767676;
   border-bottom: 1px solid #767676;
   border-radius: 0vmax 0vmax 0vmax 0vmax;
   z-index: 99;
   display: block;
}

.search-box ul li {
   font-size: 14px;
   text-align: left;
   list-style: none;
   padding: 6px 5px 6px 10px;
   border-bottom: 1px solid #eee;
   display: list-item;
}

.search-box ul a svg {
   vertical-align: top !important;
   float: left !important;
}

.search-box ul li a {
   background-color: transparent;
   font-size: 13px;
   color: #333;
   text-decoration: none;
}

.search-box ul li:hover {
   background: #eee;
}

.search-box ul li.clsHeadQuestion strong {
   color: #2c9d30;
   font-weight: bold;
}

.search-box {
   background: #fff;
   width: 100%;
   height: 38px;
   background: #fff;
   position: relative;
   display: block;
   margin: 0px 0px 0px 0px !important;
   margin: 0 auto;
   border: none;
   padding: 0px;
   border: 1px solid #ccc;
   border-radius:0px;
   -webkit-border-radius:0px;
}

.custom-scrollbar::-webkit-scrollbar {
   width: 3px;
   height: 6px;
}

.custom-scrollbar::-webkit-scrollbar {
   width: 3px;
   height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0rem;
   border-radius: 0rem;
   background: var(--clr-accent-700);
}

.swiper-wrapper .swiper-slide:not(:last-child) {
   margin-right: 25px;
}

.max-100 {
   display: contents;
}

.max-l50 {
   text-align: left;
}

.max-r50 {
   text-align: right;
}

.mt-10 {
   margin-top: 13px;
}

.clear {
   clear: both;
}

.hide {
   display: none;
}

.error-label {
   color: #f00;
}

.country-code-flex {
   background: #eee;
   width: 165px;
   z-index: 1;
}

.gift-certificate-img img {
   width: 400px;
   height: 225px;
   padding: 0px;
   margin: 0 auto;
   border: 1px solid #fff;
   border-radius:0px;
}

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

.mt-1 {
   margin-top: 1rem;
}

.mt-2 {
   margin-top: 2rem;
}

.mt-3 {
   margin-top: 3rem;
}

.mt-4 {
   margin-top: 4rem;
}

.mb-1 {
   margin-bottom: 1rem;
}

.mb-2 {
   margin-bottom: 2rem;
}

.mb-3 {
   margin-bottom: 3rem;
}

.mb-4 {
   margin-bottom: 4rem;
}

.pb-4 {
   padding-bottom: 4rem;
}

.pb-3 {
   padding-bottom: 3rem;
}

.pb-2 {
   padding-bottom: 2rem;
}

.pb-1 {
   padding-bottom: 1rem;
}

.pt-1 {
   padding-top: 1rem;
}

.pt-2 {
   padding-top: 2rem;
}

.pt-3 {
   padding-top: 3rem;
}

.p-20 {
   padding: 20px;
}

.rounded {
   border-radius:0rem;
}

.bg-black-200 {
   background: #000;
}

.list-pagination .pagination-buttons {
   margin-top: min(7vw, 0rem);
}

.pages-desc .active {
   background: #04af2f;
   color: #fff;
   min-width: 45px;
   height: 45px;
   display: grid;
   place-content: center;
   transition: 0.25s ease;
   border-radius: 0rem;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
   cursor: default !important;
}

.pages-desc .active:hover {
   color: #fff !important;
}

.pages-desc .customPaginate {
   background: #fafafa;
   color: #000;
   min-width: 45px;
   height: 45px;
   display: grid;
   place-content: center;
   transition: 0.25s ease;
   border-radius: 0rem;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
}

.pages-desc .customPaginate:hover {
   background: #04af2f;
   color: #fff !important;
}

.list-pagination .pages-desc span {
   color: #fff;
}

.list-pagination .pages-desc .active span {
   color: #fff;
}

.pages-desc .active span {
   color: #fff;
}

.pages-desc span {
   color: #fff;
}

.d-flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--gap, .5rem);
}

.d-flex-card {
   display: flex;
   align-items: center;
   gap: var(--gap, .5rem);
}

.ebook-authors,
.ebook-publishers {
   height: 24px;
   overflow: hidden;
}

.collection-item__header .img-wrap {
   max-width: 100%;
   height: 51px;
   border-radius:0px;
}

.bg-white-wrap {
   background: #fff;
   padding: 20px;
   margin: 35px 0px 0px 0px;
   border-radius:0px;
   box-shadow: 0px 2.45097px 9.80386px rgba(75, 75, 75, 0.08);
}

.bg-white-wrap .pagination-buttons {
   margin-top: min(7vw, 0rem);
}

.text ol {
   margin: 0px 0px 0px 40px;
   padding: 0px;
}

.text ol li {
   margin: 0px;
   padding: 0px 0px 0px 5px;
   list-style: circle;
}

.text ol li ol {
   margin: 0px 0px 0px 25px;
   padding: 0px;
}

.text ol li ol li {
   margin: 0px;
   padding: 0px 0px 0px 10px;
   list-style: disc;
}

.text ul {
   margin: 0px 0px 0px 40px;
   padding: 0px;
}

.text ul li {
   margin: 0px;
   padding: 0px 0px 0px 5px;
   list-style: circle;
}

.text ul li strong {
   font-weight: bold;
}

.text ul li ul {
   margin: 0px 0px 0px 25px;
   padding: 0px;
}

.text ul li ul li {
   margin: 0px;
   padding: 0px 0px 0px 10px;
   list-style: disc;
}

.overview__img--no-bg .ebook-img {
   min-width: 345px;
   max-width: 100%;
   height: 445px;
   border-radius:0px;
}

.text p {
   font-size: 16px;
   margin: 0px;
   line-height: 24px;
   padding: 5px 0px 5px 0px;
}

.text p strong {
   font-weight: bold;
}

.text h2 {
   font-size: 20px;
   text-align: left;
   margin: 0px;
   padding: 10px 0px 10px 0px;
}

.text h3 {
   font-size: 1.2pc;
   text-align: left;
   margin-bottom: 15px;
}

.text h3 strong {
   font-weight: bold;
}

.text em {
   font-style: italic;
}

.toll-free {
   position: fixed;
   font-size: 14px;
   color: #000;
   text-align: right;
   padding: 0px;
   margin: 0px;
   right: 0px;
   bottom: 30%;
   z-index: 99999;
   transition: 1s ease-in;
   display: flex;
}

.toll-free button {
   margin-right: 4px;
   border: none;
   background: transparent;
}

img.icon-tollfree {
   width: 48px !important;
   height: 50px;
   width: auto;
   background: #fff;
   padding: 8px;
   border: 1px solid #ccc;
   border-radius: 0rem;
   display: block;
   -webkit-box-shadow: 0px 0px 14px #000;
   cursor: pointer;
}

.talk-to-us {
   background: #fff;
   width: 135px;
   padding: 5px 5px;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
   box-shadow: 0px 0px 14px #000;
   -webkit-box-shadow: 0px 0px 14px #000;
}

.talk-to-us h3 {
   font-size: 13px;
   font-weight: normal;
   text-align: left;
   margin: 0px;
   padding: 0px;
}

.talk-to-us h2 {
   font-size: 16px;
   font-weight: bold;
   text-align: left;
   margin: 0px;
   padding: 0px;
}

.social-icon {
   font-size: 42px;
   margin: 0 5%;
}

.social-links-status {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4rem;
}

.grey-active {
   color: #04af2f;
}

.grey-active svg path {
   color: #04af2f;
}

.grey {
   color: #939393;
}

.top-courses__slider a img {
   border-radius:0px;
}

.disabled {
   background: #ccc;
   padding: 9px 17px;
   border-radius: 0rem;
   pointer-events: none;
}

.get-now-btn .my_ebooks_div {
   justify-content: left !important;
}

.get-now-btn .d-flex {
   display: flex;
   align-items: center;
   gap: var(--gap, .5rem);
   justify-content: left;
}

.get-now-btn .pricing-card__flex-center {
   padding-inline: 0rem !important;
   justify-content: left !important;
}

.pricing-card .d-flex {
   display: flex;
   align-items: center;
   gap: var(--gap, .5rem);
   justify-content: center !important;
}

.pricing-card--desktop .pricing-card__flex-between {
   margin-bottom: 0rem;
}

.ebook-price {
   display: flex !important;
   align-items: center;
   gap: .3rem;
}

.pricing-card--mobile .ebook-price {
   display: block !important;
}

.dropbtn {
   background: transparent;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: .2rem;
   cursor: pointer;
}

.dropbtn img {
   width: 66px;
   height: 40px;
   padding: 2px;
   display: flex;
   align-items: center;
   border: 1px solid #ccc;
   border-radius: 0rem;
   -webkit-border-radius: 0rem;
   cursor: pointer;
}

.dropdown {
   position: relative;
   display: inline-block;
}

.dropdown-content {
   max-width: 245px;
   width: 245px;
   display: none;
   padding: 0px 10px 5px 10px;
   position: absolute;
   z-index: 1;
   right: 10px;
   background: #fff;
   top: 42px;
   border-radius:0px;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.40);
   -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.40);
}

.dropdown-content a {
   font-size: 15px;
   text-align: left;
   color: #000;
   padding: 10px 0px;
   text-decoration: none;
   display: flex;
   align-items: center;
   border-radius: 0px;
}

.dropdown-content a:hover {
   background: transparent !important;
   color: #04af2f !important;
   box-shadow: none !important;
}
.dropdown img.dropdown-profile-pic {
   width: 38px;
   height: 36px;
   padding: 2px;
   margin-right: 7px;
   border: 1px solid #ccc;
   border-radius: 0rem;
}

.dropdown-right {
   right: 0px;
   left: inherit;
}
.annual-membership {
   background: #fafafa;
   padding: 15px 10px !important;
   margin: 0px -19px 1px -19px;
}
.showd {
   display: block;
}
.bg-neutral-800 .select {
   min-width: 0px !important;
}
.title-min-height {
   height: 48px !important;
   overflow: hidden;
}
.category-span span {
   margin: 0px 0px 0px -5px !important;
}

/*.course-hero__container span{margin:0px 0px 0px -5px!important;}*/
#profileImage {
   background: #04af2f;
   color: #fff;
   width: 40px;
   padding: 8px 15px;
   margin-right: 2px;
   border-radius: 0rem;
   cursor: pointer;
}
.applied-coupon-desc {
   background: #f9f9f9;
   color: #10a216;
   padding: 10px 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: 1px dashed #4CAF50;
   border-radius: 0rem;
}
.bg-danger {
   background: #f00;
   font-size: 12px;
   color: #fff;
   padding: 4px 10px;
   border: 1px solid #f00;
   border-radius: 0rem;
   cursor: pointer;
}
img.cart-course-img {
   max-width: 100%;
   height: 74px;
   border-radius:0px;
   padding: 2px;
   border: 1px solid #ccc
}
.profile-layout-avatar {
   display: flex;
   align-items: center;
   gap: 2rem;
}
.profile-layout-avatar img {
   border-radius:0px;
   -webkit-border-radius:0px;
}
.bg-transparent {
   background-color: transparent !important;
   position: absolute;
   right: 16px;
   top: 15px;
   color: #8a8989;
   font-weight: normal;
   border: 0px solid #ccc;
   cursor: pointer;
}
.razorpay_button,
.payu_button {
   background: #f6f6f6;
   padding: 10px;
   display: flex;
   align-items: flex-start;
   font-size: 12px;
   text-align: left;
   border-radius:0px;
}
.razorpay_button input[type="radio"] {
   width: 28px;
   height: 22px;
   padding-top: 0;
   margin-right: 5px;
   position: relative;
   top: 10px;
   cursor: pointer;
}
.payu_button input[type="radio"] {
   width: 28px;
   height: 22px;
   padding-top: 0;
   margin-right: 5px;
   position: relative;
   top: 10px;
   cursor: pointer;
}
.paypal_button {
   background: #f6f6f6;
   padding: 10px;
   align-items: flex-start;
   font-size: 12px;
   text-align: left;
   border-radius:0px;
}
.paypal_button input[type="radio"] {
   width: 28px;
   height: 22px;
   padding-top: 0;
   margin-right: 5px;
   position: relative;
   top: 10px;
   cursor: pointer;
}
.stripe_button {
   background: #f6f6f6;
   padding: 10px;
   align-items: flex-start;
   font-size: 12px;
   text-align: left;
   border-radius:0px;
}
.stripe_button input[type="radio"] {
   width: 28px;
   height: 22px;
   padding-top: 0;
   margin-right: 5px;
   position: relative;
   top: 10px;
   cursor: pointer;
}
.instructor-info-details p {
   font-size: 15px;
   line-height: 22px;
   padding: 0px 0px 10px 0px;
   margin: 0px;
}
.paypal-block {
   width: 100%;
}
.paypal-block .paypal-l {
   float: left;
}
.paypal-block .paypal-r {
   float: right;
   width: 87%;
}

.justify-between-center {
   justify-content: space-between;
   align-items: flex-start;
}

.ebook-height-wrap {
   height: 48px;
   overflow: none;
}

.flex-profile-wrap {
   width: 55px;
   height: 38px;
   display: flex;
   justify-content: left;
   align-items: center;
}

.login-wrap-hide-pwd {
   position: absolute;
   margin: 9px 0px 0px -30px;
   z-index: 1;
   cursor: pointer;
}

.nowrap {
   white-space: nowrap
}

.dropdown-user-details {
   display: flex;
   background: #f4fff5;
   min-width: 245px;
   width: -webkit-fill-available;
   padding: 10px;
   margin: -10px -10px -6px -10px;
   border-bottom: 1px solid #d8e1d9;
   border-radius:0px 0px 0px 0px;
   -webkit-border-radius:0px 0px 0px 0px;
}

img#after_login {
   width: 40px;
   height: 40px;
   margin: -3px 3px 0px -5px;
   padding: 2px;
   border: 1px solid #ccc;
   border-radius: 0rem;
}

img.tutors__img {
   border-radius:0px;
   max-width: 190px;
}

.cart-gift-info {
   background: #fafafa;
   display: flex;
   justify-content: space-between;
   font-size: 12px;
   color: #000;
   align-items: center;
   padding: 5px 10px;
   border: 1px dashed #ccc;
   border-radius:0px;
}

.cart-gift-info .gift-info {
   color: #3f8830;
   font-weight: normal;
}

.cart-gift-info .gift-trash {
   color: #f00;
   font-weight: normal;
   cursor: pointer;
}

.coupons input {
   position: absolute;
   left: 30px;
   visibility: hidden;
}

.coupons input:checked+.coupons {
   cursor: pointer;
}

.coupons {
   font-size: 12px;
   color: #333;
   text-align: left;
   margin: 10px 0px 10px 0px;
   padding: 5px 10px 9px 10px;
   line-height: 20px;
}

.bogo-tag-info {
   background: #04af2f;
   font-size: 12px;
   color: #fff;
   white-space: nowrap;
   padding: 1px 9px;
   text-transform: uppercase;
   border: 1px dashed #04af2f;
   border-radius: 0rem;
}

img.teachwithus-card {
   margin: 0px;
   border-radius:0rem;
}

.bg-captcha {
   background: #fafafa;
   text-align: center;
   padding: 5px 0px 0px 10px;
   margin: 0px;
   border-radius: 0rem;
}

.fs-100 {
   font-size: .8rem !important;
}

.profile-layout-avatar img {
   width: 160px;
   height: 140px;
   border-radius:0px;
}

.fs-750 {
   font-size: 2.4rem;
   padding: 10px 0px;
   margin: 0px;
}

.swal-button--delete {
   background-color: #04af2f !important;
}

.course-creator a {
   height: 20px;
   width: 90%;
   overflow: hidden;
}

.course-desc-content {
   max-width: 100%;
   position: relative;
}

.course-desc-content .text {
   margin-bottom: 5px;
   padding: 0 0px;
   position: relative;
   display: block;
}

.course-desc-content .show-more {
   cursor: pointer;
}

.course-desc-content .show-more-height {
   max-width: 730px;
   height: 300px;
   margin-bottom: 15px;
   overflow: hidden;
}

/* wrap loader */
.wrap_loader {
   background: snow url(../../images/loader.gif)no-repeat;
   background-attachment: fixed;
   background-position: center center;
   width: 100%;
   min-height: 1024px;
   margin: 0 auto;
   padding: 0 0 0 0;
   vertical-align: center;
   text-align: center;
   position: fixed;
   top: 0;
   z-index: 9999;
   opacity: .8;
   display: none;
}

.wrap_loader img {
   text-align: center;
   border: 0;
   display: none;
}

.wrap_loader_new {
   background: snow url(../../images/loader.gif)no-repeat;
   background-attachment: fixed;
   background-position: center center;
   width: 100%;
   min-height: 1024px;
   margin: 0 auto;
   padding: 0 0 0 0;
   vertical-align: center;
   text-align: center;
   position: fixed;
   top: 0;
   z-index: 9999;
   opacity: .8;
   display: none;
}

.wrap_loader_new .loader-message {
   font-size: 18px;
   color: #000;
   font-weight: 700;
   margin-top: 5%;
   position: relative;
   z-index: 9999;
}

.wrap-view {
   text-align: center;
   margin: 0 auto
}

/* end of wrap loader */

.affiliates-banner {
   width: 100%;
   min-height: 130px;
}

.affiliates-banner img {
   max-width: 100%;
   width: 100%;
}

.affiliate-main {
   background: #fff !important;
   margin: 0px;
   padding: 35px 0px 20px 0px;
}

.revenue-block {
   margin: 40px 0px 60px 0px;
   padding: 0px;
}

.revenue-sub-block {
   display: grid;
   justify-content: center;
   margin-top: 40px;
}

@media (min-width: 70rem) {
   .revenue-sub-block {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      box-sizing: content-box;
      justify-content: center;
      margin-top: 40px;
   }
}

.revenue-sub-block .cls-commission-sale,
.cls-cookie-time,
.cls-payment-terms {
   width: 330px;
   text-align: center;
   position: relative;
   padding: 1.6rem !important;
   margin: 0.8rem;
   border-radius: 0rem;
   transition-property: transform;
   box-shadow: 0px 0px 40px rgb(29 58 83 / 15%);
}

.revenue-block h4 {
   font-size: 18px;
   font-weight: normal;
   text-align: center;
   margin: 10px 0px 10px 0px;
   padding: 0px;
}

.price-dollar {
   font-size: 40px;
   color: #b3b3b3;
}

.price-dollar b {
   font-size: 48px;
   color: #fd7e14;
}

.revenue-sub-block .cls-stp1-block,
.cls-stp2-block,
.cls-stp3-block,
.cls-stp4-block {
   width: 300px;
   text-align: center;
   position: relative;
   padding: 1.6rem !important;
   margin: 0.8rem;
   border-radius: 0rem;
   transition-property: transform;
   box-shadow: 0px 0px 40px rgb(29 58 83 / 15%);
}

.revenue-sub-block .cls-stp1-block p,
.cls-stp2-block p,
.cls-stp3-block p,
.cls-stp4-block p {
   margin-top: 0.8rem;
}

.earning-step {
   background: #f7c32e;
   width: 3.5rem !important;
   height: 3.5rem !important;
   line-height: 1.2rem !important;
   text-align: center !important;
   font-size: 1rem !important;
   border-radius:0px;
   color: #fff;
   padding: 10px 0px 0px 0px !important;
   margin: auto;
}

.cls-Join-now {
   display: grid;
   transition-property: transform;
   box-sizing: content-box;
   justify-content: center;
   padding: 40px 0;
   gap: 20px;
}

@media (min-width: 70rem) {
   .cls-Join-now {
      position: relative;
      z-index: 1;
      display: flex;
      box-sizing: content-box;
      justify-content: center;
      gap: 20px;
      border: 1px solid #eee;
      border-radius: 0rem;
      padding: 40px 0;
      box-shadow: 0px 0px 40px rgb(29 58 83 / 15%);
      margin: 60px 0;
   }
}

@media (max-width: 70rem) {
   .auth-form {
      display: block;
   }

   .cls-affiliate-enquiry-form {
      width: auto !important;
   }
}

.auth-form input {
   width: 100%;
   min-height: 42px;
}

.cls-affiliation-form {
   margin: 0 auto;
}

.cls-affiliate-enquiry-form {
   width: 50rem;
   border: 1px solid #ccc;
   border-radius: 0rem;
   padding: 0px 20px 20px 20px;
}

.cls-affiliate-enquiry-form .error {
   font-size: 14px;
   color: #f00;
}

/* Feedback Profile initial */
.feedbackProfileImg {
   background: #04af2f;
   width: 44px;
   height: 44px;
   color: #fff;
   font-weight: bold;
   padding: 0px;
   text-align: center;
   line-height: 44px;
   border-radius: 0rem;
}
.total-price-paid{background:#e5f3e5; padding:.3rem .5rem .5rem .5rem; margin:.5rem 0; border-radius:0rem;}
.certificate-icon{position:relative; left:-2px;}

/* courses main page description */
.job-desc {
   background-color: var(--clr-neutral-150) !important;
}

.job-desc p {
   font-size: 15px;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 5px 0px;
   line-height: 28px;
}

.job-desc h2 {
   font-weight: bold;
   font-size: 2rem;
   margin: 10px 0px 0px 0px;
   padding: 0px;
}

.job-desc h3 {
   font-weight: bold;
   font-size: 1.5pc;
   margin: 10px 0px 0px 0px;
   padding: 0px;
}

.job-desc ul.job-list {
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 0px 15px;
}

.job-desc ul.job-list li {
   font-size: 15px;
   line-height: 28px;
   margin: 0px;
   padding: 3px 0px 3px 0px;
}

/* business css */
.hero-wrapper {
   background: #fff;
   min-height: 255px;
   padding: 0px;
   margin: 0px;
}

.hero-wrapper img {
   width: 45%;
}

.btn-rel {
   display: inline;
}

.hero-message h1 {
   font-weight: bold;
   color: #333;
   line-height: 42px;
   text-transform: capitalize;
   padding: 0px;
}

.hero-message h2 {
   font-weight: normal;
   color: #585858;
   padding: 10px 0px;
   margin: 0px;
   text-transform: lowercase;
   line-height: 24px;
}

.team-business {
   background: #efeeee;
   padding: 55px 0px;
}

.team-business img.urge-you {
   width: 100%;
}

.team-business .team-message-wrap {
   background: #fff;
   padding: 20px;
   border: 1px solid #ccc;
   border-radius:0px;
   -webkit-border-radius:0px;
}

.team-business .team-message-wrap h2 {
   font-size: 28px;
   padding: 0px 0px 15px 0px;
   margin: 0px;
}

.team-business .team-message-wrap p {
   font-size: 16px;
   line-height: 28px;
   padding: 0px 0px 15px 0px;
   margin: 0px;
}

.team-business a.btn-request-demo {
   background: #40a944;
   font-size: 14px;
   color: #fff;
   padding: 5px 10px;
   border: 1px solid #40a944;
}

.team-business a.btn-not-interested {
   background: #ccc;
   font-size: 14px;
   color: #000;
   padding: 5px 10px;
   border: 1px solid #ccc;
}

.d-flex-urge {
   justify-content: space-between;
   align-items: center;
   gap: 4rem;
}

.d-flex-urge .align-center-wrap {
   width: calc(83% - 50px);
}

.what-is-included-business {
   background: #fff;
   padding: 55px 0px 35px 0px;
}

.what-is-included-business h2 {
   text-align: left;
   padding: 0px 0px 20px 0px;
   margin: 0px;
}

.what-is-included-business p {
   color: #000;
   font-size: 14px;
   text-align: left;
   padding: 10px 0px 20px 30px;
   margin: 0px;
}

.li-list {
   background: #04af2f;
   color: #fff;
   width: 15px;
   height: 15px;
   padding: 2px;
   border-radius: 0rem;
}

.annual-right-section {
   width: calc(100% - 0px);
   background: #fff;
   margin: 0 0px 10px 0px;
   padding: 25px 20px 15px 20px;
   border: 1px solid #ccc;
   border-radius:0px;
   -webkit-border-radius:0px;
}

.annual-right-section h2 {
   text-align: center;
   padding: 1px 0px 25px 0px;
   margin: 0px;
}

.request-a-demo {
   background: #fff;
   padding: 55px 0px;
}

.request-a-demo h2 {
   text-align: center;
   padding: 1px 0px 25px 0px;
   margin: 0px;
}

.annual-right-section ul {
   margin: 0px 0px 0px 25px;
   padding: 0px;
}

.annual-right-section ul li {
   font-size 15px !important;
   line-height: 24px !important;
   color: #000 !important;
   padding-bottom: 10px;
   list-style: none !important;
}

.annual-right-section ul li .fa-check {
   padding-right: 10px;
}

.certification-completion-main {
   background: #fff;
   padding: 55px 0px;
}

.certification-completion-business {
   background: #efeeee;
   padding: 55px 0px;
}

img.certificate-img {
   width: 100%;
   height: auto;
   padding: 10px;
   margin: 0 auto;
}

.certification-completion {
   background: #fff;
   margin: 0 0 0 0;
   padding: 25px;
   border: 1px solid #ccc;
   border-radius:0px;
   -webkit-border-radius:0px;
}

.certification-completion img.certification-completion-img {
   width: 12%;
   margin: 0 auto 2em auto;
}

.certification-completion h1 {
   font-size: 30px;
   font-weight: bold;
   text-align: left;
   padding: 15px 0px 15px 0px;
}

.certification-completion h2 {
   font-size: 1.8rem;
   text-align: center;
   padding: 10px 0px 10px 0px;
   margin: 0px auto;
}

.social-icons-business {
   color: var(--bs-gray-500);
   font-size: 28px;
   margin: 7px;
   padding: 8px;
   border: 1px solid var(--bs-gray-300);
   border-radius:0px;
}

.social-icons-business:hover {
   color: var(--bs-gray-500);
   pointer-events: none;
   cursor: default;
}

.get-in-touch {
   background: #efeeee;
   padding: 55px 0px;
}

.get-in-touch h2 {
   font-size: 32px;
   padding: 0px 0px 20px 0px;
   margin: 0px;
}

.get-in-touch p {
   font-size: 20px;
   padding: 0px 0px 10px 0px;
   margin: 0px;
}

.get-in-touch img {
   width: 355px;
}

.d-flex-urge .auth--signin {
   width: min(100%, 40rem) !important;
   border-radius: 0rem;
}

.customer-boxes {
   background: #fff;
   min-height: 162px;
   padding: 20px;
   margin: 0px 0px 25px 0px;
   border: 1px solid #ccc;
}

.customer-boxes-img {
   margin: 0 auto;
   width: 25%;
   text-align: center;
   display: flex;
   align-items: center;
}

.customer-boxes-img img {
   width: 85px;
   margin: 0 auto;
}

.customer-boxes h2 {
   padding: 0px 0px 5px 0px;
   margin: 0px;
}

.customer-boxes h3 {
   font-size: 16px;
   padding: 0px 0px 5px 0px;
   margin: 0px 0px 15px 0px;
   border-bottom: 1px solid #ccc;
}

.customer-boxes p {
   font-size: 16px;
   padding: 0px;
   margin: 0px;
}

.customer-boxes .customer-boxes-img {
   width: 20%;
}

.ms-auto {
   margin: 0 auto;
}

.align-team-management img {
   width: calc(100% - 300px);
   margin: 0 auto;
}

.d-flex-urge .shadow {
   box-shadow: 1px 1px 10px #CCC;
}

#signup_form label.error {
   font-size: 11px;
   color: #f00;
   margin: -9px 0px 0px 0px;
   padding: 0px;
   position: relative;
}

.auth-form__span-2 {
   text-align: left;
}

.happy-customers {
   background: #fff;
   padding: 55px 0px 25px 0px;
}

.happy-customers h2 {
   text-align: center;
   padding: 1px 0px 15px 0px;
   margin: 0px;
}

.fs-30 {
   font-size: 30px;
}

.shadow {
   box-shadow: 1px 1px 10px #CCC;
}

.master-tools {
   max-width: 125px;
   margin: 25px 0px 4px 0px !important;
   margin-right: 10px !important;
   padding: 10px 0px;
}

/* top strip year end sale banner */
.year-end-sale-strip {
   background:var(--clr-neutral-400);
   width: 100%;
   padding: 7px 0px 7px 0px;
   margin: 0px;
   border-bottom: 1px solid var(--clr-neutral-400);
   z-index: 999;
}

.year-end-sale-strip p {
   font-size: 1rem;
   color:var(--clr-yellow-400);
   text-align: center;
}

.year-end-sale-strip p b {
   color:var(--clr-yellow-400);
   font-weight: bold;
}

@media(min-width:800px) {
   .testimonial-container-m {
      display: flex;
      justify-content: space-around;
      gap: 1rem;
   }

   .testimonial-m {
      min-width: 170px;
      max-width: 150px;
   }
}

@media (max-width: 800px) {
   .accent-nav {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
   }

   .year-end-sale-strip p {
      font-size: .75rem;
   }

   .testimonial-container-m {
      display: block !important;
      background: #fefad8;
      padding: 20px;
      border-radius:0rem
   }

   .testimonial-m {
      background: none;
      max-width: 100%;
      min-height: 44px;
      flex-direction: row;
      margin: 0px 0px 10px 0px;
      padding: 1px 0px 5px 10px;
      justify-content: flex-start;
      box-shadow: none;
      border-bottom: 1px solid #ccc;
      border-radius: 0px;
   }

   .testimonial-m img {
      width: 35px;
      margin-right: 5px;
   }

   .testimonial-m img.ebook-icon-m {
      width: 25px;
      margin-right: 14px;
   }

   .testimonial-m p {
      font-size: 18px;
   }

   .testimonial-m .text-accent-700 {
      color: #303030;
   }
}

/* certificate dynamic user names */
@media (min-width: 312px) {
   .certificate-details .cert-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-title-details {
      font-size: .9rem;
   }

   .certificate-details .cert-title-details span {
      font-size: .9rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: .8rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 100%;
      font-size: 1.4rem;
   }

   .certificate__container {
      display: block;
   }

   .cert-name-bg {
      padding: 1.3rem 0rem 0rem 1rem;
   }

   .d-flex {
      flex-direction: column;
   }

   .customer-boxes div {
      width: 100%;
   }

   .customer-boxes {
      width: 100%;
   }
}

@media (min-width: 424px) {
   .certificate-details .cert-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-title-details {
      font-size: .9rem;
   }

   .certificate-details .cert-title-details span {
      font-size: .9rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: .8rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 100%;
      font-size: 1.4rem;
   }

   .certificate__container {
      display: block;
   }

   .cert-name-bg {
      padding: 2rem 0rem 0rem 1rem;
   }

   .d-flex {
      flex-direction: column;
   }

   .customer-boxes div {
      width: 100%;
   }

   .customer-boxes {
      width: 100%;
   }
}

@media (min-width: 576px) {
   .certificate-details .cert-title {
      font-size: 1.2rem;
   }

   .certificate-details .cert-title-details {
      font-size: .8rem;
   }

   .certificate-details .cert-title-details span {
      font-size: .9rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.2rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: .8rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 100%;
      font-size: 1.2rem;
   }

   .certificate__container {
      display: block;
   }

   .cert-name-bg {
      padding: 2rem 0rem 0rem 2rem;
   }

   .d-flex {
      flex-direction: column;
   }

   .customer-boxes div {
      width: 100%;
   }

   .customer-boxes {
      width: 100%;
   }
}

@media (min-width: 768px) {
   .certificate-details .cert-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-title-details {
      font-size: .8rem;
   }

   .certificate-details .cert-title-details span {
      font-size: 1rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 14% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: 1.1rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 100%;
      font-size: 1.2rem;
   }

   .certificate__container {
      display: block;
   }

   .cert-name-bg {
      padding: 2rem 0rem 0rem 2rem;
   }

   .d-flex {
      flex-direction: row;
   }

   .customer-boxes div {
      width: 80%;
   }

   .customer-boxes {
      width: 49%;
   }
}

@media (min-width: 992px) {
   .certificate-details .cert-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-title-details {
      font-size: .8rem;
   }

   .certificate-details .cert-title-details span {
      font-size: 1rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.4rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: 1.1rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 80%;
      font-size: 1.2rem;
   }

   .certificate__container {
      display: grid;
      text-align: left;
   }

   .cert-name-bg {
      padding: 1.4rem 0rem 0rem 2.5rem;
   }

   .d-flex {
      flex-direction: row;
   }

   .customer-boxes div {
      width: 80%;
   }

   .customer-boxes {
      width: 49%;
   }
}

@media (min-width: 1200px) {
   .certificate-details .cert-title {
      font-size: 1.8rem;
   }

   .certificate-details .cert-title-details {
      font-size: .9rem;
   }

   .certificate-details .cert-title-details span {
      font-size: 1.1rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.6rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: .9rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 80%;
      font-size: 1.6rem;
   }

   .certificate__container {
      display: grid;
   }

   .cert-name-bg {
      padding: 1.7rem 0rem 0rem 2.5rem;
   }

   .d-flex {
      flex-direction: row;
   }

   .customer-boxes div {
      width: 80%;
   }

   .customer-boxes {
      width: 49%;
   }
}

@media (min-width: 1400px) {
   .certificate-details .cert-title {
      font-size: 1.8rem;
   }

   .certificate-details .cert-title-details {
      font-size: .9rem;
   }

   .certificate-details .cert-title-details span {
      font-size: 1.1rem;
   }

   .certificate-details .cert-title-name {
      width: 90%;
      margin: 9% 0% 0 0%;
   }

   .certificate-details .cert-name-bg .user-title {
      font-size: 1.6rem;
   }

   .certificate-details .cert-name-bg .user-succ-msg {
      font-size: .9rem;
   }

   .certificate-details .cert-name-bg .user-course {
      width: 80%;
      font-size: 1.6rem;
   }

   .certificate__container {
      display: grid;
   }

   .cert-name-bg {
      padding: 2rem 0rem 0rem 2rem;
   }

   .d-flex {
      flex-direction: row;
   }

   .customer-boxes div {
      width: 80%;
   }

   .customer-boxes {
      width: 49%;
   }
}

.certificate-title-bg {
   background: url('/market/public/assets/newDesign/img/primePacks/certificate-title.jpg?1.0')no-repeat;
   height: 131px;
   display: inline-flex;
   justify-content: center;
   flex-direction: column;
   width: 100%;
}

.cert-name-bg {
   background: url('/market/public/assets/newDesign/img/primePacks/certificate-footer.jpg?1.10')no-repeat;
   height: 146px;
   border-bottom-left-radius:0rem;
   border-bottom-right-radius:0rem;
}

.certificate__img {
   position: relative !important;
   margin-top:35px; margin-bottom:35px;
}

.certificate-details {
   max-width: 621px;
   margin: 0;
   position: relative;
   top: 43%;
   z-index: 99;
}

.certificate-details img {
   border-top-left-radius:0rem;
   border-top-right-radius:0rem;
}

.certificate-details .cert-title {
   color: #fff;
   text-align: center;
}

.certificate-details .cert-title-details {
   color: #fff;
   text-align: center;
}

.certificate-details .cert-title-details span {
   font-weight: bold;
}

.certificate-details .cert-name-bg .user-title {
   color: #fff;
   font-weight: bold;
   text-align: left;
   line-height: 26px;
}

.certificate-details .cert-name-bg .user-succ-msg {
   color: #fff;
   font-weight: normal;
   text-align: left;
}

.certificate-details .cert-name-bg .user-course {
   color: #000;
   font-weight: bold;
   text-align: left;
   line-height: 26px;
}

.pricing_tag,
.price_web_header {
   display: flex;
   align-items: center;
   gap: .5rem;
}

/* rating css */
.rating {
   display: flex;
}

.rating-display {
   display: flex;
}

.rating-display .star-iconimg {
   position: relative;
   top: -1px;
   margin: 0px 5px 0px 20px
}

.rating-count-active {
   font-size: 20px;
   font-weight: bold;
   color: #fafafa;
}

.r-active {
   font-size: 24px;
   font-weight: normal;
   color: #f9ff0a;
   margin: 0px;
}

.r-star {
   font-size: 24px;
   font-weight: normal;
   color: #9a9898;
   margin: 0 0px 0px -4px;
}

.half {
   font-size: 24px;
   font-weight: normal;
   color: #9a9898;
   margin: 0 2px 0px -4px !important;
}

.half:after{content:'\2605'; color:#f9ff0a; margin-left:-19px; width:10px; position:absolute; overflow:hidden;}
.banner-rating{margin-right:0px;}
.half-rating{margin-left:-8px;}
/* end of rating css */

/* index page banner css 
.hero-banner img{width:100%; min-height:125px; /*max-height:375px; margin:0 auto; border-radius:0rem; position:relative;}
.hero-banner .swiper-wrapper .swiper-slide{margin-right:0px!important; margin-left:0px!important;}
.hero-banner.reviews{padding-block:min(2vw, 15px)!important;}
.hero-banner.swiper-slide.swiper-slide-active{margin-left:10px!important;}
/* end of index page banner css */

/* index page banner css */
.hero-banner{position:relative;}
.hero-banner img{width:100%; min-height:125px; /*max-height:375px;*/ margin:0 auto; border-radius:0rem; position:relative;}
.hero-banner .swiper-wrapper .swiper-slide{margin-right:0px!important; margin-left:0px!important;}
.hero-banner.reviews{padding-block:min(2vw, 15px)!important;}
.hero-banner.swiper-slide.swiper-slide-active{margin-left:10px!important;}

/* Navigation buttons */
.hero-banner .swiper-button-prev, .hero-banner .swiper-button-next{color:#fff; background:rgba(0, 0, 0, 0.5); width:40px; height:40px; border-radius:50%; transition:all 0.3s ease;}
.hero-banner .swiper-button-prev:after, .hero-banner .swiper-button-next:after{font-size:20px;}
.hero-banner .swiper-button-prev:hover, .hero-banner .swiper-button-next:hover{background:#04af2f !important;}

/* Pagination */
.hero-banner .swiper-pagination{bottom:10px;}
.hero-banner .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5; transition:all 0.3s ease;}
.hero-banner .swiper-pagination-bullet-active{opacity:1; background:#04af2f !important; width:24px; border-radius:5px;}
/* end of index page banner css */

/* search page css */
.filter-aside input#search-category{padding:5px 10px; border:1px solid #aaa;}
.ribbon3 {
   font-size: 14px;
   background: #0196da;
   width: 110px;
   max-width: 200px;
   color: #fff;
   line-height: 20px;
   padding: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 55px;
   left: -8px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}

.ribbon3:before {
   height: 0;
   width: 0;
   top: -8px;
   left: 0.1px;
   border-bottom: 8px solid #02374f;
   border-left: 8px solid transparent;
   content: "";
   position: absolute;
}

/* search page algo */
.search-algo {
   background: #fff;
   flex-direction: column;
   padding: .5rem;
   margin: 5px 0px 0px 0px;
   gap: .2rem;
   border: 1px solid #eee;
   border-radius: 0rem;
}

.search-algo h3 {
   color: #04af2f;
   font-size: 16px;
   margin: 0px;
   padding: 0px;
}

.search-algo ul {
   margin: 0px 0px 0px 15px;
   padding: 0px;
}

.search-algo ul li {
   font-size: 13px;
   list-style: disc;
   margin: 0px 0px 0px 15px;
   padding: 0px;
   line-height: 22px;
}

.searchp .video-course__content h3 {
   height: auto;
   max-height: 47px;
}

.searchp .video-course__content {
   gap: 0.2rem;
}

img.ebook-img .ribbon3 {
   left: 69px;
}

.empty-cart {
   font-size: 18px;
   font-weight: normal;
   text-align: left;
}

.empty-cart .search-query {
   text-align: left;
   padding: 10px;
   border-radius:0px;
   display: flex;
   margin-bottom: 5px;
}

.empty-cart ul.search-ideas {
   font-weight: normal;
   margin: 20px 0px 20px 65px;
   padding: 0px;
}

.empty-cart ul.search-ideas li {
   margin: 0px;
   padding: 0px 0px 0px 10px;
   list-style: disc;
   line-height: 34px;
}

.tabpanel-h2 {
   font-size: 20px;
   text-align: center;
   margin: -30px 0px 25px 0px;
   padding: 0px;
}

.p-left45 {
   padding-left: 45px;
}

/* end of search page algo */

/* new footer css */
.footer__main {
   padding-bottom: 3rem;
}

.foot-count .footer-nav__list {
   margin-top: 0px !important;
}

.foot-count {
   column-count: 2;
}

.pt-1 {
   padding-top: 1rem;
}

.fol-col .foot-links-navigate {
   width: 100%;
   gap:1.5rem;
   color: #04af2f;
   text-transform: uppercase;
   text-align: center;
   margin: -35px auto 0 auto;
   position: absolute;
   display: flex;
}

.fol-col .foot-links-navigate a {
   color: #FDDA0D;
   font-size: 14px;
   font-weight: bold;
   padding: 5px 0px;
   margin: 0px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
   border-radius: 0rem;
}

.fol-col .foot-links-navigate a:hover {
   text-decoration: underline !important;
}

.fol-col .footer-nav__item a:hover {
   color: var(--clr-accent-700);
}

.fol-col h5 {
   display: flex;
   align-items: center;
}

@media(min-width: 324px) {
   .foot-col-3 {
      width: 98%;
   }
}

@media(min-width: 576px) {
   .foot-col-3 {
      width: 48%;
   }
}

@media(min-width: 768px) {
   .foot-col-3 {
      width: 23.9%;
   }
}

@media(min-width: 992px) {
   .foot-col-3 {
      width: 23.9%;
   }
}

@media(min-width: 1200px) {
   .foot-col-3 {
      width: 23.9%;
   }
}

@media(max-width:860px) {
   .fol-col .footer-nav {
      flex-wrap: wrap;
   }

   .fol-col .foot-links-navigate {
      position: relative;
      display: flow;
      column-count: 2;
   }

   .fol-col .footer__main>div:first-child {
      max-width: 100%;
   }

   .fol-col .foot-links-navigate {
      gap: 0rem;
   }

   .m-gap {
      margin-top: -45px;
   }

   .fol-col ._ap_apex_ad {
      height: 1px !important;
      width: 1px !important;
      display: none !important;
   }
}

@media(min-width:860px) {
   .m-gap {
      margin-top: 18px;
   }
}

.fol-col .footer-nav__item svg {
   flex-shrink: 0;
}

/* new footer css */

.logout-btn {
   background: #f4fff5 !important;
   font-weight: bold;
   padding: 10px 10px 13px 12px;
   margin: 0px -10px -6px -10px;
   border-top: 1px solid #d8e1d9;
   display: flex !important;
   justify-content: center;
   border-bottom-right-radius: 6px !important;
   border-bottom-left-radius: 6px !important;
}

.logout-btn .logout-flex {
   display: flex;
}

.logout-btn:hover {
   background: #f4fff5 !important;
}

.mobile-accordion-slider .tabpanel-h2 {
   font-size: 16px;
   text-align: center;
   margin: -11px 0px 15px 0px;
   padding: 0px;
}

.search-page h1,
.search-page h2 {
   line-height: 40px;
}

.course-hero__container p a.catnp {
   white-space: nowrap;
}

.course-hero__container>div>div>div {
   flex-wrap: wrap;
   column-gap: 1rem;
}

@media (max-width: 580px) {
   .course-hero__container>div>div {
      flex-direction: column;
      align-items: flex-start;
   }
}


@media (max-width: 1000px) {
   .toll-free{display:none;}
}
@media (max-width: 57rem) {
   .scroll-to-top-button{display:none;}
}
.accordion--curriculum__summary>span:first-child{flex-shrink:0;}
.accordion--curriculum__summary>span:first-child>svg{max-width:40px;}
#systemTagList{overflow:hidden; display:block; padding-block:2rem; padding-inline:1.1rem;}
.category-search-buttons{display:none;}
section:has(#systemTagList)>.container{position:relative;}
.certifications-button{display:none;}
@media (min-width: 1200px) {
   #systemTagList{padding:0; width:var(--container); margin-inline:auto;}
}

@media (min-width: 700px) {
   .certifications-button{display:grid;}
   section:has(#systemTagList) h2 br{display:none;}
}
@media (max-width: 1070px) {
   /*
   section:has(.mobile-accordions)>.container {
      text-align: center;
   }
   */
}
@media (max-width: 59rem) {
   .nav #myDropdown{width:375px!important; max-width:375px!important; transform:translateY(-100%) translateX(-50%); top:71px; right:auto!important; left:50%; height:299px;}
}
/* css for corporate training */
#job_title-error .error{position:absolute; margin:40px 0px 0px -202px;}
.request-demo-wrap{display:flex; justify-content:flex-end; margin:1.5rem 0 0 0;}
.border-bottom{width:fit-content; padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #fff;}
.request-demo-wrap .auth--signin{/*width:min(100%, 30rem)!important;*/ width:26rem!important;}
.request-demo-wrap .signup-form h3{background:#04af2f; font-size:22px; font-weight:bold; color:#fff; text-align:center; padding:12px 10px; border-top-left-radius:0px; border-top-right-radius:0px; border:1px solid #04af2f;}
.fw-normal{font-weight:normal;}
.why-tp ul{margin:0px 0px 0px 25px; padding:0px;}
.why-tp ul li{font-size:18px; list-style:none; margin:0px 0px 0px 20px; padding:0px; display:inline;}
.why-tp-flex{font-size:20px; font-weight:bold; text-align:left; padding:10px 0px;}
.why-tp-flex div{font-size:17px; font-weight:normal; display:flex; align-items:center; gap:1rem; white-space:nowrap;}
.why-tp-flex div img{width:30px;}
.ouroffers{align-items:center; padding:20px 20px 65px 20px;}
.ouroffer-flex{gap:1rem; column-gap:3rem;}
.ouroffer-flex div img{max-width:42px;}
.ouroffer-flex div span{font-weight:normal; padding-left:10px; margin-left:10px; height:48px; text-align:left; border-left:4px solid #04af2f; display:flex; align-items:center;}
.certification-completion-business{background:#ebeded; padding:35px 0px; margin:0px;}
.cust-boxes{background:#fff; min-height:162px; padding:0px; margin:0px 0px 25px 0px; border:1px solid #2c9d30;}
.cust-boxes div{padding:5px 20px;}
.customer-boxes-img{margin:0 auto; width:25%; text-align:center; display:flex; align-items:center;}
.customer-boxes-img img{width:85px; margin:0 auto;}
.cust-boxes h2{padding:0px 0px 5px 0px; margin:0px;}
.cust-boxes h3{font-size:16px; padding:0px; margin:0px;}
.cust-boxes p{font-size:14px; padding:10px 0px; margin:0px; min-height:85px;}
.cust-boxes .customer-boxes-img{width:100%; padding:5px 20px;}
.customer-writer{background:#2c9d30; color:#fff; font-size:14px; text-align:left; padding:10px!important; margin:0px; line-height:20px; border:1px solid #2c9d30; border-bottom-left-radius:14px; border-bottom-right-radius:14px;}
.border-top{border-top:1px solid #ccc; padding-top:20px;}
.mt25{margin-top:45px!important;}
.plans-wrapper{background:#263238; margin:0px;}
.plans-wrapper .plans-group img{max-width:100%; margin:0 auto;}
.request-btn{display:flex; justify-content:center; align-items:center; gap:2rem; position:relative; width:100%; margin-top:2rem;}
.request-btn .left-line{background:#fafafa; height:1px; width:100%;}
.request-btn .right-line{background:#fafafa; height:1px; width:100%;}
.request-btn .btn-success{width:455px; font-size:20px; white-space:nowrap;}
.request-btn .btn-success:hover{color:#2c9d30;}

.free-courses{padding:0rem!important; background-color:transparent!important; border:1px solid transparent!important;}
.freecourse-padding{padding-block:min(4vw, 1.5rem);}
.freecourse-padding .tabs{margin-top:0rem!important;}
.free-ribbon{position:relative; top:-10px; font-size:22px; font-weight:bold; text-align:center; text-transform:uppercase;}
.achivements-corp-traning{width:240px; height:240px; background:url('/public/assets/newDesign/img/corp-training/corp-tran-achievements.jpg')top center; display:flex; justify-content:center; align-items:center;}
.achivements-corp-traning p{width:155px; font-size:17px; font-weight:bold; color:#fff; text-align:center; padding:2px;}
.corp-train-btn .btn-success{font-size:20px;}
.corp-train-btn .btn-success:hover{color:#04af2f!important;}
.certification-flex img.certificate-img{width:555px;}
.shadow{box-shadow:1px 1px 10px #bdbbbb !important;}
#filters_clear{font-size:12px; color:#f00; text-align:right; display:flex; justify-content:center; align-items:center; gap:.4rem;}
.explore-wrapper{justify-content:center!important; grid-template-columns:235px 235px 235px 235px 235px !important; display:grid!important; column-gap:2rem!important;}

@media(max-width:474px){
	.business-2-business .btn-success{padding:5px 5px!important;}
}
@media (min-width: 824px) {
	.corp-training-flex{padding:10px 0px 10px 0px; display:grid; grid-template-columns:1fr 0fr; align-items:center; gap:10rem}
	.demo-training-flex{padding:10px 0px 10px 0px; display:grid; grid-template-columns:1fr 0fr; align-items:center; gap:10rem}
	.why-tp{padding:20px; margin:70px 0px 0px 0px;}
	.ouroffer-flex{display:grid; grid-template-columns:1fr 1fr 1fr;}
	.ouroffer-flex div{max-width:375px; display:flex; justify-content:flex-start; align-items:center;}
	.certification-flex{display:flex; justify-content:space-between; align-items:center;}
	.happy-cust-flex{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:1rem;}
	.ouroffer-flex{margin:25px 30px; column-gap:1rem;}
	.ouroffer-flex div span{font-size:18px;}
	img.corp-traing-bg{height:370px;}
	.plans-wrapper{min-height:315px; padding:35px 0px;}
	.why-tp-flex{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
	.corp-training-wrap{min-height:440px;}
	.request-demo-wrap .signup-form h3{margin:-20px -20px 0px -20px;}
	.request-demo-wrap .auth--signin{width:26rem!important; margin:5px auto 0 auto!important;}
	.plans-wrapper .plans-group{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; justify-content:center; align-items:center; gap:2rem;}
	.prog-highlts-bg img.prg-img{margin:-55px 0px -60px 0px;}
	.colora{background:#CFE9D0;}
	.colorb{background:#E3F3CF;}
	.colorc{background:#FCDBC4;}
	.colord{background:#CFE9D0;} 
	.data-science-course .prime-packs-hero__container>div:first-child{max-width:650px;}
	.prog-flex{display:flex; gap:1rem;}
	.learn-outcomes{display:flex; justify-content:space-between; align-items:center; gap:2rem; margin:0 0 4rem 0;}
	.new-footer ul li{margin:0px 5px;}
	.text22{width:325px;}
	.corp-wrap{display:flex;}
	.corp-training-teams div{width:405px; max-width:100%;}
	.corp-training-teams{display:flex; justify-content:center;}
	.business-2-business .tabs:not(.tabs--mobile){display:block!important;}
	.corp-wrap{padding-top:4rem!important; padding-bottom:3rem!important;}
	.corp-wrap img{height:235px;}
	.business-2-business .tablist{width:70%; margin:0 auto;}
	.data-science-wrap .prime-packs-hero__container{display:grid; grid-template-columns:74% 1fr;}
	.corp-wrap{padding-top:4rem!important; padding-bottom:3rem!important;}
	.corp-wrap img{height:235px;}
	.business-2-business .tablist{width:70%; margin:0 auto;}
	.free-course-wrapper .search-page-intro{background:transparent!important;}
	.free-course-wrapper .free-course-wrap{display:flex; justify-content:space-between; align-items:center; gap:2rem;}
	.free-course-wrapper .free-course-title{line-height:58px;}
	.free-course-wrapper .free-course .pb-2{padding-bottom:0rem;}
	.free-course-wrapper #filters_clear{display:none;}
	.m-show-title{display:none;}
}
@media (max-width: 824px) {
	.free-course-wrapper .course-list-item{padding:0; border:0; border-bottom:1px solid var(--clr-neutral-500); padding-block:2rem; border-radius:0; background-color:transparent; align-self:start; width:100%; max-width:100%; display:grid; grid-template-columns:17.5rem 1fr; column-gap:2rem;}
	.free-course-wrapper .course-list-item__img{height:180px; border-radius:0rem; grid-row:1 / 3;}
	.free-course-wrapper .course-list-item{grid-template-columns:inherit; column-gap:2rem;}
	.data-science .review{margin-left:15px!important; margin-right:40px!important;}
	.corp-training-flex{padding:20px 0px 50px 0px; display:flow; grid-template-columns:0fr 0fr;}
	.why-tp{padding:20px; margin:35px 0px 0px 0px;}
	.ouroffer-flex{display:flow; grid-template-columns:0fr 0fr 0fr;}
	.ouroffer-flex div{display:flex; justify-content:flex-start; align-items:center; margin-bottom:35px;}
	.certification-flex{display:flow; justify-content:flex-start; align-items:center;}
	.happy-cust-flex{display:flow; grid-template-columns:0fr 0fr 1fr 1fr; gap:1rem;}
	.ouroffer-flex{margin:25px 0px; column-gap:1rem;}
	.ouroffer-flex div span{font-size:16px;}
	img.corp-traing-bg{height:275px;}
	.plans-wrapper{min-height:375px; padding:25px 0px;}
	.why-tp-flex{display:flex; flex-direction:column-reverse; gap:1rem;}
	.corp-training-wrap{max-height:95%;}
	.request-demo-wrap .signup-form h3{margin:-20px -20px 20px -20px;}
	.request-demo-wrap .auth--signin{width:26rem!important; margin:0px auto 0 auto;}
	.plans-wrapper .plans-group{display:grid; grid-template-columns:none; justify-content:center; gap:1rem;}
	.d-flex{display:flow!important;}
	.data-science-course .prime-packs-hero__container>div:first-child{max-width:100%;}
	.data-science-course .contact__form{margin-top:3rem;}
	.prog-flex{display:flex!important; justify-content:flex-start; flex-wrap:wrap; gap:2rem;}
	.learn-outcomes{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:2rem; margin:0 0 4rem 0;}
	.new-footer ul li{display:inline; margin:0px 5px;}
	.text22{width:100%;}
	.corp-wrap{display:flow;}
	.corp-training-teams div{max-width:100%;}
	.corp-training-teams{display:flow;}
	.corp-wrap img{order:-1;}
	.corp-wrap{padding-top:2rem!important; padding-bottom:1.5rem!important;}
	.corp-wrap img{height:135px;}
	.business-2-business .tabs:not(.tabs--mobile){display:block!important;}
	.business-2-business .tablist{width:100%; margin:0 auto; overflow:scroll; overflow-y:hidden;}
	.free-course-wrapper .free-course-wrap{display:grid; justify-content:space-between; align-items:center; gap:2rem;}
	.search-page-intro{padding-inline:0rem; padding-top:1rem; padding-bottom:0rem;}
	.course-list-wrapper{width:100%!important;}
	.free-course-wrapper .search-page-wrapper{display:inherit;}
	.free-course-wrapper .course-list-item__buttons .button{max-width:100%;}	
	.free-course-wrapper .free-course-title{padding-top:1rem; padding-bottom:1rem;line-height:34px;}
	.free-course-wrapper .fs-900{font-size:2rem;}
	.free-course-wrapper .desktop-industry-experts{display:none;}
	.free-course-wrapper .mobile-accordion-details{background-color:#fefad8!important;}
	.free-course-wrapper .free-course .pb-2{padding-bottom:2rem;}
	.free-course-wrapper .desktop-industry-experts button{display:inline-block!important;}
	.free-course-wrapper #filters_clear{display:inline-block;}
	.m-show-title{display:none;}
}
/* end css for corporate training */

/* business page css */
.bottomMenu{position:fixed; top:0; color:white; width:100%; height:50px; border-top:1px solid #000; background:#333; padding:0 25px; z-index:1; transition:all .5s; display:flex; justify-content:space-between; gap:2rem; align-items:center;}
.bottomMenu a.btn-success:hover{color:#fff!important;} 
.request-demo-wrap .auth--signin{width:26rem;}
.corp-training-wrap{width:100%!important; position:relative; background:#091f2d url(https://dev.tutorialspoint.com/market/public/assets/newDesign/img/auth/bg-top.png) no-repeat -64% 0%; background-repeat:none;} 
.corp-wrap{justify-content:center; align-items:center; gap:2rem; column-gap:5rem;}
.corp-wrap ul{margin:10px 0px 0px 7px; padding:0px 0px 0px 10px;}
.corp-wrap ul li{font-size:15px; text-align:left; margin:0px; padding:5px 0px 5px 0px; line-height:36px; list-style:disc;}
.p-40{padding:40px;}
.corp-training-wrap .auth-form{border:2px solid #fff!important;}
.corp-training-teams{margin:35px 0px; gap:2rem;}
.fw-bold{font-weight:bold;}
.business-2-business .tabpanel{background-color:transparent!important; border:0px solid var(--clr-accent-700)!important;}
.business-2-business .tablist{border-bottom:1px solid #bbb!important;}
.business-2-business .tablist__tab[aria-selected="true"]{border-bottom-color:#717967!important; border-bottom:2px solid #000!important; white-space:nowrap;}
.business-2-business a:hover{color:#fff!important;}
.free-price-time{display:flex; justify-content:space-between; align-items:center; gap:1rem;}
.free-price-time .free-duration{background:#04af2f; font-size:12px; color:#fff; text-align:center; padding:1px 10px; border:1px solid #04af2f; border-radius:0rem;}
.paid-courses .tabpanel{background-color:transparent!important; border:1px solid transparent!important;}
.free-course-wrapper .filter-aside__list{margin-top:0rem!important; position:relative;}
.free-course-wrapper .filter-aside__title{margin-top:0rem!important;}
.free-course-wrapper input#search-category-free-course{background:#eee!important; min-height:34px; padding-left:10px; padding-right:34px; border:1px solid #eee!important;} 
.free-course-wrapper input:focus{outline:none;}
.free-course-wrapper .search-icon-btn{position:absolute; right:15px; top:9px; cursor:pointer;} 
.free-course-wrapper .course-list-item:first-child{padding-top:0rem!important; border-top:0px solid var(--clr-neutral-500)!important;} 
.free-course-wrapper .tabs:not(.tabs--mobile){display:block!important;}
.free-course-wrapper .select{min-width:245px!important;}
.free-course-wrapper .filter-aside__sublist{margin-bottom:1rem;}
.free-course-wrapper .search-page-intro{margin-bottom:.3rem; padding:2.5rem 1.5rem 2.5rem 1.5rem;}
.business-2-business .tabpanel p{max-width:475px; text-align:left;}
.business-2-business .tablist__tab{font-size:15px!important;white-space:nowrap;}
.data-science-wrap .course-hero{padding-block:50px;}
.data-science-wrap .contact__button{margin-top:1rem;}
.btn-success{background:#04af2f; color:#fff; text-align:center; padding:5px 10px; border:1px solid #04af2f; border-radius:0px;}
.new-footer{text-align:center;}
.new-footer img{text-align:center; margin:0 auto;}
.new-footer ul li{color:#fff; font-size:15px;}
#downloadBrochure{cursor:pointer;}
/* business page css */

/* data science page css */
.tools-to-learn{background:#fff; max-width:100%; padding:20px; margin:0px 0px 65px 0px; border-radius:0rem; box-shadow: -3.26795px 3.26795px 16.3398px rgba(67, 67, 67, 0.12);}
.tools-to-learn ul{margin:0px; padding:0px;}
.tools-to-learn ul li{min-width:170px; font-size:16px; color:#000; margin:0px 0px 0px 30px; padding:20px 0px; display:inline-flex;}
.tools-to-learn ul li img{width:18px; height:18px; margin-right:12px; vertical-align:middle; position:relative; top:2px;}
.learn-outcomes div{font-size:15px; font-weight:bold; margin:0 auto; justify-content:center;}
.learn-outcomes img{margin:0 auto 1rem auto; border-radius:0rem;}
.tuition-center-form{max-width:355px; background-color:#fff; padding:20px; margin:0 auto; border-radius:0rem;}
.form-title{color:#fff; padding:10px 0px; margin:-20px -20px 25px -20px; text-align:center; font-size:22px; border-top-left-radius:.35rem; border-top-right-radius:.35rem;  background-color:#40a944; display:flex; justify-content:center;  align-items:center;}
.tuition-center-form input, .brochure-content input{width:100%; font-size:14px; color:#333; text-align:left; padding:5px 10px; line-height:32px; margin:5px 0px; border:1px solid #ccc; border-radius:0rem; outline:none;}
.tuition-center-form .chkbox{width:24px; margin:5px 0px;}
#country_code, #country_code_brochure{position:absolute; width:100px; font-size:14px; height:52px; background:transparent; padding:0px; margin:0px 0px 0px 8px; outline:none;}
.p96{padding-left:110px!important;}
.free-callback{display:grid; justify-content:flex-end;}
.prog-highlts-bg{background:#F7FFFA; padding:5px 0px 15px 0px; margin:0px;}
.progcolumn__container{display:flex; justify-content:flex-end; align-items:center; gap:2rem;}
.progcolumn__container h2{font-size:26px; text-align:center; color:#000; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; position:relative; right:-160px;}
.progcolumn__container h2 span{color:#0DBA4B;}
.bullet{min-width:50px; height:50px; background-color:#333; color:#fff; border-radius:0%; margin-right:10px; margin-left:0rem; display:flex; justify-content:center; align-items:center;}
.text22{font-size:15px; background-color:#DAF1F7; font-weight: bolder; color:#000; padding-right:5px; border-radius:0px;height:50px;display:flex;align-items:center; text-align:center;justify-content:flex-start;}
.text22 span{text-align:left; line-height:18px;}
.new-footer{text-align:center;}
.new-footer img{text-align:center; margin:0 auto;}
.new-footer ul li{color:#fff; font-size:15px;}
.modalBrochure{display:none; position:fixed; z-index:99; padding-top:7%; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);}
.brochure-content{background-color:#fff; width:345px; margin:0 auto; padding:20px; border:1px solid #ccc; border-radius:0rem;}
.brochure-content h2{color:#333; display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid #eee; margin-bottom:15px;}
.brochure-content .close{font-size:20px; color:#f00; cursor:pointer;}
.brochure-content input[type="phone"]{padding-left:110px;}
.otp-modal-wrapper .otp-modal{font-size:1.2rem; width:35px!important; height:35px; text-align:center; border:1px solid var(--clr-neutral-300); border-radius:0rem; padding:0.3rem .3rem; color:#000;}
.otp-modal-wrapper .otp-modal:focus{outline:none; border-color:#000;}
.brochure-title{font-size:15px; font-weight:bold; margin-bottom:25px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ccc;}
.brochure-title .close_verification{font-size:24px; font-weight:normal;}
.data-science a.btn-success:hover, .data-science a.btn:hover{color:#fff!important;}
.data-science-course .error-label{font-size:13px;} 
.data-science-wrap h2 .data-live{background:#3a9752; color:#fff; padding:3px 20px 7px 10px; border-radius:0px 0px 0px 0px; margin:-5px 0px 0px 2px;}
.data-science .review{max-width:415px!important; min-height:247px!important;}
.data-science-wrap .accordion[open] .accordion__summary, .accordion__summary:hover{cursor:default!important;}
.new-footer .d-flex{display:flex; justify-content:center; align-items:center; gap:1rem;}
/* end of data science page css */

/* business 2 business css  */
.business-2-business .pricing-card--desktop{top:0px;} 
.business-2-business .hide{opacity:0;} 
.business-2-business .show{opacity:1;} 
.business-2-business .d-flex{display:flex; justify-content:center; align-items:center; gap:1rem;} 
.business-2-business #wishlistMenu{display:flex!important;} 
.business-2-business #signup_form input.error{border:1px solid #f00;}
.error-message{font-size:13px; white-space:nowrap;}
.super-admin-login .input{border:1px solid #333!important; border-radius:0rem;}
.super-admin-login .auth-form input:focus{outline:none!important;}
.super-admin-login .or-divider{font-size:13px; white-space:nowrap;}
.super-admin-login .checkbox input:checked~.checkmark{border:1px solid #333; background-color:#000;}
.super-admin-login .auth-aside img.marks-spencers-logo{position:relative; width:225px; z-index:11;}
.super-admin-login .auth-aside img{margin-top:0rem; position:absolute; top:0; left:0; background-size:cover; width:100%; z-index:-1; opacity:1;}
.super-admin-login .button{cursor:pointer; background-color:var(--clr-neutral-900); border:2px solid transparent; color:#fff; border-radius:0rem; padding-block:0.5em; padding-inline:1em; transition:all 0.25s ease; display:flex; align-items:center; gap:0.4rem; min-height:42px; justify-content:center;}
.super-admin-login .button:hover{background-color: var(--clr-neutral-500); border-color:var(--clr-neutral-500);}
.super-admin-login .auth-aside{height:100%; background-image:url(https://mns.tutorialspoint.com/images/business-bg3.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;  padding-inline:2rem; padding-top:3rem; flex-direction:column; align-items:center; position:relative; isolation:inherit;} 
.super-admin-login .checkmark{border-radius:0rem;}
.super-admin-login .auth-aside::before{content:""; z-index:-1; inset:0; position:absolute; background:rgb(3,3,3);}

.super-admin-login .auth-shadan-aside::before{content:""; z-index:-1; inset:0; position:absolute; background:rgb(3,3,3);}
.super-admin-login .auth-shadan-aside{height:100%; background-image:url(https://sdn.tutorialspoint.com/images/shadan-campus.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;  padding-inline:2rem; padding-top:3rem; flex-direction:column; align-items:center; position:relative; isolation:inherit;} 
.super-admin-login .auth-shadan-aside img.shadan-logo{position:relative; width:235px; margin:0 auto; z-index:11;}

@media (max-width: 1020px) {
    .max-100{display:flex; justify-content:space-between; margin:15px 0px;}
	.super-admin-login .loginLogo{width:115px; margin:0 auto; display:inline-block;}
}
@media (min-width: 50rem) {
    .super-admin-login .super-content-wrapper{display:grid; grid-template-columns:50% 1fr; align-items:center;}
	.super-admin-login .super-content-wrapper{margin:0; padding:0; height:100vh;}
	.super-admin-login .super-content-shadan{margin:0; padding:0; height:100vh;}
	.super-admin-login .super-content-shadan{display:grid; grid-template-columns:50% 1fr; align-items:center;}
	.super-admin-login .loginLogo{width:115px; margin:0 auto; display:none;}

}
@media (min-width: 70rem) {
	.super-admin-login .super-content-wrapper::before{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-top.png); background-repeat:no-repeat; background-position:0rem -13rem; z-index:-1;}
	.super-admin-login .super-content-shadan::before{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-top.png); background-repeat:no-repeat; background-position:0rem -13rem; z-index:-1; display:none;}
	.super-admin-login .super-content-shadan::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat:no-repeat; background-position:bottom -8rem right -30rem; z-index:-1; opacity:0.2;}
	.super-admin-login .super-content-wrapper::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat:no-repeat; background-position:bottom -8rem right -30rem; z-index:-1; opacity:0.2;}
    .super-admin-login .auth--signin{width:min(100%, 23rem); padding-inline:0;}
	.super-admin-login .auth-form__button{width:min(100%, 30rem); margin-top:1rem;}
	.super-admin-login .loginLogo{width:115px; margin:0 auto; display:none;}
}
@media (min-width:782px){ 
	.super-admin-login .super-content-wrapper::before{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-top.png); background-repeat: no-repeat; background-position:3rem -8rem; z-index:-1; top:-95px;}
	.super-admin-login .super-content-shadan::before{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-top.png); background-repeat: no-repeat; background-position:3rem -8rem; z-index:-1; top:-95px; display:none;}
	.super-admin-login .super-content-wrapper::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat:no-repeat; background-position:bottom -8rem right -30rem!important; z-index:-1; opacity:0.2;}
	.super-admin-login .super-content-shadan::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat:no-repeat; background-position:bottom -8rem right -30rem!important; z-index:-1; opacity:0.2;}
	.super-admin-login .loginLogo{width:205px; margin:-20px auto -30px auto; display:inline-block;}
}
@media (max-width:782px){ 
	.super-admin-login{margin-top:4rem;}
	.super-admin-login .auth--signin::before{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-top.png); background-repeat:no-repeat; background-position:-43rem -13rem; z-index:-1; display:none;}
	.super-admin-login .super-content-wrapper::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat: no-repeat; background-position:bottom -8rem right -30rem; z-index:-1; opacity:0.2;}
	.super-admin-login .loginLogo{width:145px; margin:-55px auto -15px auto; display:inline-block;}
	.super-admin-login .auth-shadan-aside{display:none;}
	.super-admin-login .super-content-shadan::after{content:""; inset:0; position:absolute; background-image:url(https://mns.tutorialspoint.com/images/bg-bottom.png); background-repeat:no-repeat; background-position:bottom -8rem right -30rem; z-index:-1; opacity:0.2;}
}
/* end business 2 business css */
.user-nav-icon{text-align:right; margin-right:10px!important; margin-left:10px!important;}

/* support css */
.suport .supprot-title{padding:20px 20px 10px 0px; border-bottom:1px solid #cdcdcd;}
.suport .support-bottom-border{padding:20px 35px;}
.suport .overview__box:not(.overview__box--no-bg){padding-left:0rem!important; background-image:none;background-color:#fafafc;}
.suport .support-bottom-border p{text-align:left;}
.suport .spt ul{margin:0px 0px 0px 20px;}
.suport .spt p{margin-bottom:1rem !important; padding:0px 0px 0px 0px;}
.suport .quick-links{background-color:white;border-radius:0px;margin-bottom:30px;}
.suport .q-head{background-color:#0dba4d;padding:10px 20px;color:white;border-top-left-radius: 10px ;border-top-right-radius: 10px ;}
.suport .q-body{background-color:#f2f2f2;padding:20px 20px;color:#0d7bba;border-bottom-left-radius: 10px ;border-bottom-right-radius: 10px ;}
.suport .q-links{font-size:500;margin-bottom:10px;}
.suport .need-support{background-color:#1f1f1f;color:white;padding:30px 20px;border-radius:0px;text-align:center;}
.suport .suport-btn{background-color:#04b02f;color:white;padding:10px 20px;text-align:center;border-radius:0px;}
.suport .suport-btn:hover{background-color:white;color:#04b02f;border:1px solid #04b02f;}
.suport .quick-ul li{list-style: disc !important;}
.suport .quick-ul {margin-bottom:20px !important;}
.suport .quick-ul li{line-height:24px!important; padding:5px 0px 5px 5px!important;}
.suport .nested-list li{line-height:24px!important; padding:5px 0px 5px 5px!important;}
.suport .cms-supprot{font-size:1.45rem; font-weight:bolder !important;}
@media (min-width:864px){
	.support-wrapper{display:grid; margin:40px 0px; grid-template-columns:1fr 27%!important; gap:8rem;}
	.suport .mini-colums{display:grid;grid-template-columns:repeat(2,1fr); margin:25px;}
	.support .spt{padding:0px 30px;}
	.support h1{line-height:30px;}
	.full-lifetime__web{margin:0.25rem 0rem; display:flex; gap:.5rem; align-items:center; justify-content:center; font-weight:bold; text-decoration:blink; transition-duration:.2s; display:none;}
	.full-lifetime__access{margin:0.25rem 0rem; display:flex; gap:.5rem; align-items:center; justify-content:center; font-weight:normal; text-decoration:blink; transition-duration:.2s;}
	.backHome{position:absolute; left:25px; display:none;} 
	.certificate-wrap__column{grid-template-columns:25% 1fr;}
	.rating-input>span{font-size:32px; color:#d3d3d3;}
	svg.cart-icon{font-size:34px;}
	.single-cta-card{display:grid;}
	.footer{text-align:left;}
}
@media (max-width:864px){
	.support-wrapper{display:inline; margin:40px 20px; grid-template-columns:0fr!important; gap:4rem;}
	.suport .overview__box:not(.overview__box--no-bg){padding:0rem!important;} 
	.suport .spt ul{margin:0px 20px 0px 20px;}
	.suport .support-bottom-border{border-top:1px solid #cdcdcd; padding:20px;} 
	.suport .mini-colums{display:grid;grid-template-columns:1fr}
	.suport .quick-links {margin-top:20px}
	.support .spt{padding:0px 30px;}
	.support .mini-colums{display:inline;grid-template-columns:0fr; margin:25px;}
	img.img-products{width:80%; margin:0 auto;}
	.support h1{line-height:30px;}
	.full-lifetime__web{margin:0rem 0rem; display:flex; gap:.5rem; align-items:center; justify-content:center; font-weight:bold; text-decoration:blink; transition-duration:.2s; display:flex;}
	.full-lifetime__access{margin:0.25rem 0rem; display:flex; gap:.5rem; align-items:center; justify-content:center; font-weight:normal; text-decoration:blink; transition-duration:.2s; display:none;}
	.backHome{position:absolute; left:25px; display:inline;} 
	.certificate-wrap__column{grid-template-columns:1fr;}
	.rating-input>span{font-size:20px; color:#d3d3d3;}
	#ezmobfooter{display:none!important;}
	svg.cart-icon{font-size:24px;}
	.single-cta-card{display:inherit;}
	.footer{text-align:center;}
}
.suport .text ul li {margin: 7px 0px;padding: 0px 0px 0px 5px;list-style: disc;}.suport .text ul li ul li {margin: 7px 0px;padding: 0px 0px 0px 10px;list-style: circle;}.click-links{text-decoration: underline;color: blue;}
/* end of support css */
.talk-wrap{display:none;}
svg.whishlist-icon{font-size:12px; color:#585555;}
svg.buy-icons{font-size:20px;}
svg.shop-cart-icons{font-size:26px;}
svg.free-search-icon{position:absolute; right:10px; top:10px;}
svg.dp-icon{font-size:18px;}
svg.top-nav-icon{font-size:15px;}
svg.foot-icon{font-size:28px;}

/* Again Footer Changes done by Vasyl */
.footer{color:white; padding-top:3rem; padding-bottom:1rem;}
.footer__legal{font-size:.95rem; padding-block:3rem; padding-inline:1rem; color:#fff; background-color:#06141c!important;}
.footer__copyright{margin-top:1.5rem;}
.footer>.container:first-child{display:grid; gap:2rem; font-size:.9325rem;}
@media (min-width: 640px){ .footer>.container:first-child{grid-template-columns:1fr 1fr; gap:2rem;} }
@media (min-width: 1240px){ .footer>.container:first-child{justify-items:center; grid-template-columns:18% 16% 23% 17% 14%; gap:2rem; margin-bottom:4rem;} }
.footer h5{font-weight:bold; font-size:1.2rem; text-transform:uppercase; margin-bottom:1rem;}
.footer li a{font-size:12px;}
.footer a:hover{color:var(--clr-accent-700); transition:all 0.25s ease;}
.footer .container:first-child ul{display:flex; flex-direction:column; gap:2px;}
.footer__list{display:flex; justify-content:center; flex-wrap:wrap; gap:5px; font-weight:500; margin-top:3rem;}
.footer__socials{margin-top:3rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:2rem;}
.footer__socials>div{display:flex; gap:2rem;}
.footer__socials img{max-width:200px;}
/* Changes done by Vasyl Ends */

/* modal css */
/*.modal{display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; overflow:auto; background:rgb(255 255 255 / 70%)!important;}*/
.modal-content-light{background:#fff!important; padding:10px; border-radius:0px; -webkit-border-radius:0px;}
.modal-content{background:linear-gradient(to right, #131313, #2f2f2f)!important; padding:10px; border:1px solid #333; border-radius:0px; -webkit-border-radius:0px;}
.close:hover, .close:focus{color:black; text-decoration:none; cursor:pointer;}
.modal-content h3{background:#fafafa; font-size:18px; color:#000; text-align:left; padding:15px 10px; margin:0px; border-top-left-radius:.325rem!important; border-top-right-radius:.325rem!important;}
.modal-content-light h3{background:#fafafa; font-size:18px; color:#000; text-align:left; padding:15px 10px; margin:0px; border-top-left-radius:.325rem!important; border-top-right-radius:.325rem!important;}
h4#course_title{font-size:16pt; color:#fff; font-weight:normal; text-transform:capitalize; padding:5px 0px 5px 0px; margin:0px 0px 10px 0px; text-align:left; border-bottom:1px solid #464646;}
.uk-modal-body h2{font-size:16px; color:#999; font-weight:normal; margin:0px; padding:15px 0px 7px 0px; border-bottom:1px solid #2b2b2b;}
ul.course-modal-ul{margin:10px 0px 0px 0px; padding:0; position:relative; overflow:auto;}
ul.course-modal-ul li{text-align:left; margin:0; padding:6px 0px 6px 5px; list-style:none; line-height:28px; border-bottom:1px solid #333232;}
ul.course-modal-ul li svg{font-size:16px; margin-right:8px;}
ul.course-modal-ul li.course-model-active{background:#333;}
ul.course-modal-ul li:hover{background:#333;}
ul.course-modal-ul li a{font-size:14px; color:#fff;}
.close{color:#f00; font-size:28px; font-weight:normal; float:right;}
.close:hover, .close:focus{color:#f00; text-decoration:none; cursor:pointer;}
.content h5{color:#b1a9a9; font-size:13px;}
.certificate-wrap__column{display:grid; align-items:flex-start; gap:1rem; margin-bottom:3rem;}
.card{background:#fff; padding:1.5rem; margin:0rem;border-radius:0rem; box-shadow:0px 0px 8px #232222;}
.brd-bbtm{margin:0rem 0rem 1rem 0rem; padding:0rem 0rem .55rem 0rem; border-bottom:1px solid #aaa;}
.hflex{display:flex; justify-content:flex-start; align-items:center; gap:.35rem;}
.card .course-card-thumbnail img{width:100%; height:195px; border:1px solid #ccc; border-radius:0rem;}
.card img.download-certificate{width:70%; margin:0 auto; border:4px solid #ccc; border-radius:0rem;}
.card a.social-icons{display:inline-flex; align-items:center; vertical-align:middle; font-size:1.6rem; margin:0px 4px;}
.card a.social-icons span{font-size:75%; color:#747373; margin:0px 20px 0px 4px!important;}
/* end of modal css */

/*cerficate feedback css */
.cert-user-icon{display:flex; justify-content:flex-start; align-items:center; gap:.25rem; cursor:default;}
.cert-user-icon img{width:45px; padding:2px; border:1px solid #ccc; border-radius:0rem; cursor:default;}
.certificate-wrap{min-height:570px;}
.comment-content{line-height:18px;}
.comment-content p{padding:5px 0px 0px 45px!important;}
.rating-input{unicode-bidi:bidi-override; direction:rtl; text-align:left;}
.rating-input>span{display:inline-block; position:relative;}
.rating-input>span:hover, .rating-input>span:hover~span{color:transparent;}
.rating-input>span:hover:before, .rating-input>span:hover~span:before{content:"\2605"; position:absolute; left:0; color:#40a944; cursor:pointer;}
.rating-input .selected{color:#40a944;}
.no-users-ratings{font-size:14px; color:#333; margin:2px 0px 0px 7px; display:inline;}
.uk-textarea{min-height:175px; max-height:180px; width:96%; padding:15px 10px; margin:10px 0px 10px 0px; resize:none; border:1px solid #ccc; outline:none; border-radius:0px; -webkit-border-radius:0px;}
.modalFeedback{font-size:18px; display:flex; justify-content:space-between; align-items:center; gap:.5rem; margin:-1rem 0 1rem 0; border-bottom:1px solid #ccc;}
input[type=submit]{background:#04af2f; font-size:14px; color:#fff; padding:8px 15px; margin:0; border:1px solid #04af2f; border-radius:0px; cursor:pointer;}
/*cerficate feedback css */

.neontext{font-size:48px; color:#fff; text-align:center; text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;}
 .blink_me{animation:blinker 2.5s linear infinite;}
@keyframes blinker{ 50%{opacity:0;} }
.bg-opacity-black{background:rgb(0,0,0,.6)!important;}
#ezmobfooter{display:none;}
#captchaDiv{background:#04af2f; width:150px; position:absolute; right:3px; top:3px;}
#loadCaptcha{position:absolute; right:11px; top:10px; cursor:pointer;}
.weeks-popup{display:none;}

.count__sprite{position:relative;}
.count__sprite .count__sprite-videocourse{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-536px -142px; width:80px; height:80px;}
.count__sprite .count__sprite-exptrainer{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-669px -142px; width:80px; height:80px;}
.count__sprite .count__sprite-learnerserve{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-800px -142px; width:80px; height:80px;}
.count__sprite .count__sprite-learnhours{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-928px -142px; width:80px; height:80px;}
.count__sprite .count__sprite-development{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-18px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-finaccount{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-404px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-cybersec{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-93px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-marketing{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-174px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-business{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-252px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-itsoftware{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-331px -144px; width:80px; height:80px;}
.count__sprite .count__sprite-lifestyle{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-1089px -64px; width:80px; height:80px;}
.count__sprite .count__sprite-officeprod{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; background-position:-1007px -64px; width:80px; height:80px;}
.count__sprite .d-flex{display:flex; justify-content:center; align-items:center; gap:.5rem;}
.count__sprite-brands{background-image:url('../img/market__sprite.png'); background-repeat:no-repeat; width:125px; height:75px;}
.count__sprite-adobe{background-position:-254px -64px;}
.count__sprite-adp{background-position:5px 13px;}
.count__sprite-apple{background-position:-790px 13px;}
.count__sprite-armani{background-position:-391px 13px;}
.count__sprite-bosch{background-position:-388px -64px;}
.count__sprite-capegemini{background-position:-658px -64px;}
.count__sprite-cisco{background-position:-1068px 13px;} 
.count__sprite-hdfcbank{background-position:-527px -64px;} 
.count__sprite-ibm{background-position:-124px -64px;} 
.count__sprite-intel{background-position:-783px -72px;} 
.count__sprite-mastercard{background-position:-521px 13px;} 
.count__sprite-netflix{background-position:5px -68px;} 
.count__sprite-qualcom{background-position:-255px 13px;} 
.count__sprite-sony{background-position:-124px 13px;} 
.count__sprite-unilever{background-position:-659px 13px;} 
.count__sprite-walmart{background-position:-918px 13px;} 
.count__sprite-course{position:relative;}
.count__sprite-course .count__sprite--subscribe{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:-658px -34px; width:425px; height:270px;}
.count__sprite-course .count__sprite--featured{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:14px -304px; width:214px; height:195px;}
.count__sprite-course .count__sprite--bestseller{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:-204px -304px; width:214px; height:195px;}
.count__sprite-course .count__sprite--latest{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:-415px -304px; width:214px; height:195px;}
.count__sprite-course .count__sprite--popular{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:-631px -304px; width:214px; height:195px;}
.count__sprite-course .count__sprite--free{background-image:url('../img/market__sprite-courses.png'); background-repeat:no-repeat; background-position:-845px -304px; width:214px; height:195px;}

.grid-handle{
   display: grid !important;
   grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 992px) and (min-width: 568px){
   .grid-handle{
    grid-template-columns: repeat(2, 1fr) !important;
   }
}

@media (max-width: 480px){
   .grid-handle{
      display: flex !important;
      justify-content: center !important;
   }
}