/*  header css */
.upgrad-login-menu-links > a > div,
.upgrad-login-menu-logout > div {
  padding: 10px;
  color: #333;
  border-radius: 5px;
}
#resend_otp_text,
#retry_otp_button {
  margin-left: auto;
  text-align: right;
}
.btn > span,
.ug-header-courses-icon,
.ug-navbar-icon {
  line-height: 0;
  vertical-align: middle;
}
.header-courses-menu .course-menu li.nav-item .nav-link:hover,
.header-courses-menu .course-menu li.nav-item.active .nav-link {
  background: #fcf0f1;
  box-sizing: border-box;
  border-right: 2px solid #ee2c3c;
  color: var(--red-color);
}
.header .container.ug-header-max-width .courses-menu-button,
.upgrad-login-menu-dropdown,
.upgrad-login-menu-wrapper.upgrad-login-menu-wrapper-mobile,
.upgrad-signup-button-wrapper.element-container.header-button {
  display: none !important;
}
.hs-menu-item.hs-menu-depth-1.hs-item-has-children::before,
.ug-header-courses-button::before,
.upgrad-login-menu::before {
  cursor: pointer;
  height: 75px;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}
.upgrad-login-chevron {
  transition: transform 0.2s;
}
.changeStyles > span > i,
.ug-header-courses-button:hover i,
.ug-header-courses.changeStyles > i,
.upgrad-login-menu:hover > .upgrad-login-chevron {
  transform: rotate(180deg);
}
.upgrad-login-menu-dropdown:hover,
.upgrad-login-menu:hover .upgrad-login-menu-dropdown {
  display: flex !important;
}
.upgrad-login-user-name {
  color: #606c8a;
  font-weight: 500;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
  letter-spacing: 0.23px;
  max-width: 90px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upgrad-login-verify-phone:hover {
  background-color: #f9f9f9;
}
.upgrad-login-menu {
  display: flex;
  flex-direction: row;
}
.upgrad-login-menu-dropdown {
  max-width: 500px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 27%);
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 140px;
  min-width: 310px;
  top: 27px;
  right: 0;
  margin: 0;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}
.hs-menu-item.hs-menu-depth-1.hs-item-has-children,
.hs-menu-item > a,
.upgrad-login-menu-wrapper {
  position: relative;
}
.upgrad-login-menu-dropdown > div {
  margin-right: 10px;
  margin-left: 10px;
}
.upgrad-login-menu-links > a {
  font-size: 13px;
}
.logout-link:hover,
.upgrad-login-menu-links > a > div:hover {
  background-color: #f9f9f9;
  color: #f23e36;
}
.upgrad-login-menu-refer-banner {
  margin-top: 10px;
  margin-bottom: -10px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  background: linear-gradient(270deg, #e6f6f1, hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(270deg, #e6f6f1, rgba(255, 255, 255, 0));
}
.upgrad-login-menu-refer-image {
  margin: 10px 20px;
}
.upgrad-login-menu-refer-text {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  margin-top: auto;
  margin-bottom: auto;
}
.ug-header-course-card > div > *,
.upgrad-login-menu-refer-text > * {
  margin: 0;
}
.upgrad-login-menu-logout > div {
  font-size: 13px;
}
.upgrad-login-menu-logout > div:hover {
  background-color: #f85e62;
  color: #fff;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
#temp_menu .hs-menu-item:last-child,
#ug-signup-referral-nudge,
.dropdown.ug-header-courses-button.ug-display-none,
.header-courses-menu .course-menu li.nav-item .nav-link.dropdown-toggle:after,
.hs-item-has-children > ul.hs-menu-children-wrapper,
.mob-back-menu,
.phoneSignupValidation,
.sign-up-popup
  .modal-body
  [class*="ug-signIn-modalContainer__"]
  [class*="ug-signIn-modalContainer_left__"],
.sign-up-popup .ug-signIn-modalContainer_left,
.sub-menu.dropdown-menu ul.vertical-progra-list,
.ug-signup-img,
.upgrad-login-menu-wrapper,
.upgrad-login-verify-phone,
.vertical-program ul li:nth-child(n + 5) {
  display: none;
}
#inputEmail {
  padding: 6px 0;
}
#inputEmail > input {
  margin: 0 !important;
}
#btnSubmit {
  color: #f7f3f3;
}
#ugSignInInputNameContainer .ug-signIn-modalContainer_right__input-email > * {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
#retry_otp_button {
  display: none;
  cursor: pointer;
}
#temp_menu .hs-menu-item.hs-menu-depth-2:last-child,
.course-menu li.nav-item.dropdown.active .sub-menu.dropdown-menu,
ul.hs-menu-children-wrapper:hover {
  display: block;
}
.ug-text-10,
.ug-text-12 {
  font-size: 12px;
}
.header-button,
.upgrad-login-menu-logout,
.upgrad-login-menu-logout-desktop,
.upgrad-login-verify-phone {
  cursor: pointer;
}
.ug-header-courses {
  border-radius: 4px;
  min-width: 123px;
  background-color: #f23e36;
  color: #fff;
  transition: none;
}
button.ug-header-courses:hover {
  background-color: #fff !important;
  color: #f23e36 !important;
  border: 1px solid #f23e36 !important;
}
.ug-header-logo-img {
  width: 128px;
}
.ug-dropdown-header {
  flex-flow: column;
  padding: 0;
}
.ug-header-courses.show {
  display: block;
  color: #fff;
  background: #f23e36;
  border: 1px solid #f23e36;
}
.header-button:hover span {
  color: #fff;
}
.hs-item-has-children:hover > ul.hs-menu-children-wrapper,
.hs-item-has-children > ul.hs-menu-children-wrapper:hover {
  z-index: 10;
  opacity: 1;
  display: block;
  position: absolute;
}
.ug-navbar-icon {
  font-size: 11px;
  transition: transform 0.2s;
}
.hs-item-has-children:hover > .ug-navbar-icon {
  transform: rotate(180deg);
  color: #f23e36;
}
.header .nav-tabs .nav-link,
.header.navbar-light .navbar-nav .nav-link {
  font-size: var(--font-16);
  color: var(--dark-grey-color);
}
.hs-item-has-children > ul.hs-menu-children-wrapper {
  position: absolute;
  top: 35px;
  z-index: -1;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 27%);
  border-radius: 4px;
  min-width: 240px;
  white-space: nowrap;
  text-align: left;
  list-style: none;
  margin: 10px 0;
  padding: 12px;
  opacity: 0;
}
.iti--container {
  z-index: 999999;
}
.iti__country-list {
  flex-flow: column;
}
ul[role="menu"] {
  list-style: none;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  margin-bottom: unset;
  margin-top: unset;
  padding: 0 10px;
}
ul[role="menu"] > a {
  text-decoration: none;
  font-size: 13px;
}
.hs-menu-item > a {
  font-size: 14px;
  color: #535b62;
  font-weight: 700;
  white-space: nowrap;
}
.hs-menu-item.hs-menu-depth-2 > a {
  display: block;
  padding: 10px 12px;
  font-weight: 500;
}
.hs-menu-item:hover > a {
  color: #f23e36;
}
.btn > span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.border-override {
  border: none !important;
}
.flex,
.ug-dropdown-header-container:hover,
.ug-dropdown-header.dropdown-menu,
.ug-header-courses-button:hover + .ug-dropdown-header-container {
  display: flex;
}
.ug-col-justify-space-between {
  justify-content: space-between;
}
.ug-col-justify-flex-start {
  justify-content: flex-start;
}
.ug-flex-override {
  flex: none;
  justify-content: flex-end;
}
.ug-icon-bars {
  display: none;
  cursor: pointer;
}
.ug-active-menu {
  display: block !important;
}
.dropdown-item {
  border-left: 5px solid #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 12px 25px;
  white-space: pre-wrap;
  font-size: 16px;
}
.dropdown-item:hover {
  background: #f5f5f5;
  border-left: 5px solid #f23e36;
}
.ug-header-courses:active {
  border: 1px solid #f23e36 !important;
  color: #fff;
  background: #f23e36 !important;
}
.hs-menu-item .hs-menu-depth-2 {
  font-weight: 500;
  line-height: initial;
}
.hs-menu-item .hs-menu-depth-2:hover {
  border-radius: 4px;
  background-color: #f5f5f5;
}
.ug-header-courses-icon {
  font-size: 13px;
  transition: transform 0.2s;
  margin-left: 5px;
}
.ug-dropdown-header-container {
  display: none;
  flex-direction: row;
}
.ug-header-course-card {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  margin-bottom: 24px;
  padding: 20px 10px;
  border-radius: 4px;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
  color: #212529;
}
.ug-header-course-card > div {
  margin-top: auto;
  margin-bottom: auto;
}
.ug-header-course-logo {
  max-width: 55px;
}
.ug-dropdown-header-container {
  position: absolute;
  margin: 0;
  transform: translate(0, 40px);
  top: 23px;
  border: none;
  z-index: 9999;
  max-height: 450px;
}
.ug-dropdown-header {
  position: initial;
  margin: 0;
  top: 12px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  place-content: flex-start;
  overflow-y: auto;
  width: 268px;
  max-height: 70vh;
}
.ug-dropdown-header-courses {
  background: #fff;
  max-height: 70vh;
  box-shadow: 0 4px 10px rgb(0 0 0 / 16%);
  padding: 30px;
  overflow-y: auto;
  display: none;
}
.ug-signup-button {
  background: linear-gradient(180deg, #ee2c3c 0, #da202f);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  border: none;
  height: 38px;
  padding: 0.375rem 0.5rem;
}
.ug-dropdown-header > li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.upgradTermsAndPolicy {
  font-size: 16px;
}
.upgradTermsAndPolicy > a {
  text-decoration-line: underline;
  color: #000;
  cursor: pointer;
}
#phoneSignUp,
#phoneSignUp:active,
#phoneSignUp:focus,
#phoneSignUp:focus-visible,
#phoneSignUp:target {
  border: none;
  outline: 0;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
  padding: 10px;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}
.hs-menu-item {
  padding: 10px 5px;
}
@media (max-width: 1200px) {
  .justify-flex-start {
    justify-content: flex-start;
  }
  .space-between-override {
    justify-content: inherit;
    flex-wrap: nowrap;
  }
  .ug-icon-bars,
  .ug-signup-img,
  a#ug-nav-signup-button {
    display: block;
  }
  .hs-menu-wrapper > ul {
    flex-flow: column;
    padding-left: 30px;
    gap: 0;
  }
  .header-menu-and-btn.ug-active-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 41px;
    background-color: #fff;
    z-index: 9;
    padding-bottom: 10px;
  }
  .free-course-button .ug-signup-button {
    display: inline-block !important;
    margin-left: 28px;
  }
  .hs-menu-item {
    padding: 10px 95px;
  }
  /*.hs-menu-wrapper, */
  .ug-signup-button {
    display: none;
  }
  .ug-header-override-col-width {
    width: 85%;
    gap: 24px;
  }
  .hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    position: inherit;
  }
  .header .space-between-override.row > * {
    width: inherit;
  }
  .header .space-between-override .ug-header-override-col-width {
    flex-grow: 1;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .ug-header-override-col-width {
    margin-right: 500px;
  }
  .ug-header-courses-icon {
    display: none;
  }
  .ug-header-courses {
    font-size: 12px;
  }
  .hs-menu-item {
    padding: 10px 55px;
  }
  .hs-menu-wrapper > ul {
    top: 55px;
  }
  .ug-header-menu {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .ug-header-override-col-width {
    width: 72%;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .ug-display-none {
    visibility: hidden;
  }
  .ug-header-override-col-width {
    width: 72%;
  }
}
@media (max-width: 767px) {
  .ug-header-override-col-width {
    width: 62%;
  }
  .ug-header-max-width {
    width: 100% !important;
  }
  .ug-header-logo-img {
    width: 80px;
    height: 40px;
  }
  .modal-dialog.modal-dialog-centered.ug-editprofile__modalDialog_container {
    width: 85vw;
  }
}
@media (max-width: 490px) {
  .ug-header-override-col-width {
    width: 50%;
  }
}
@media (max-width: 375px) {
  .ug-header-override-col-width {
    width: 45%;
  }
}
@media (max-width: 320px) {
  .ug-header-override-col-width {
    width: 37%;
  }
}
.changeStyles {
  border: 1px solid #f23e36;
  color: #f23e36;
  background: #fff;
}
.show_error {
  display: inline-block;
  color: Red;
}
.hide_error {
  display: none;
  color: Red;
}
.modal-dialog.modal-dialog-centered.ug-editprofile__modalDialog_container {
  max-width: 780px;
  height: fit-content;
  margin: 0 auto;
}
.ug-editprofile-btn__header {
  border: none;
  padding-bottom: 0;
  padding-left: 25px;
}
.ug-verifyNow-container img {
  display: none;
}
.ug-editprofile-img {
}
.ug-editprofile-img img {
  max-width: 90px;
}
.ug-editprofile-btn__body {
  padding: 0px 10px 30px 10px;
}
.ug-editprofile-btn__content {
  border: none;
  border-radius: 20px;
  padding-bottom: 30px;
  padding-top: 10px;
}
.ug-editprofile-input {
  border-style: none;
  border-bottom: 1px solid #e1e9ed;
  font-weight: 600;
  color: #1a202c;
}
.ug-editprofile-modalContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.ug-editprofile-inputField {
  display: flex;
  flex-flow: column;
  flex: 50%;
  padding: 20px 15px;
}
.ug-editprofile-inputField > label {
  color: #607d8b;
  font-size: 15px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ug-verified-container {
  width: fit-content;
}
.ug-verified {
  font-size: 13px;
  color: #47b6ad;
}

.ug-verifyNow-container {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: #fff;
}
.ug-verifyNow-container label {
  color: #ee2c3c;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.ug-editprofile-btn__footer {
  padding: 26px 24px;
  border: none;
}
.ug-editprofile-discard-btn {
  border-radius: 4px;
  border: 1px solid #b4bac4;
  padding: 12px 16px;
  background: 0 0;
}
.ug-editprofile-discard-btn > span {
  color: #4a5568;
  font-weight: 600;
  font-size: 14px;
}
.ug-editprofile-savechanges-btn {
  background: #59c396;
  border-radius: 4px;
  padding: 12px 16px;
  border: none;
}
.ug-editprofile-savechanges-btn > span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 375px) {
  .ug-editprofile-btn__body {
    padding: 60px 40px;
  }
}
.ug-signin-btn__body {
  display: flex;
  align-items: center;
}
.ug-signin-mainBtn {
  box-shadow: none;
  min-width: 0;
  height: 38px;
  border-radius: 4px;
  transition: 0.3s;
  justify-content: center;
  align-items: center;
}
.ug-signin-btn__modalDialog_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ug-signin-btn__inputNameDetails,
.ug-signin-btn__modalDialog_container__otp,
.ug-signin-btn__modalDialog_container__refferal {
  display: none;
  align-items: center;
  justify-content: center;
}
.ug-signin-btn__modalDialog_container__success {
  display: none;
  align-items: center;
  justify-content: center;
  height: 36vh;
}
.ug-signin-btn__content {
  display: flex;
  width: 780px;
  height: fit-content;
  min-height: 40vh;
}
.ug-signIn-modalContainer,
.ug-signIn-modalContainer__otp,
.ug-signIn-modalContainer__success {
  display: flex;
  width: 600px;
  align-content: center;
  align-items: center;
}
.ug-signIn-modalContainer_left,
.ug-signIn-modalContainer_left__refferal,
.ug-signIn-modalContainer_left__success {
  flex: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ug-signIn-modalContainer_left > img {
  height: 150px;
  margin-left: 47px;
  margin-right: 47px;
}
.ug-signIn-modalContainer_right_header {
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 22px;
  line-height: normal;
  color: #000;
  margin-bottom: 10px;
  text-align: center;
}
.ug-signIn-modalContainer_right__input {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}
.ug-signIn-modalContainer_right__input_left,
.ug-signIn-modalContainer_right__input_right {
  border: none;
  outline: 0;
  font-weight: 700;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  color: #1a202c;
  font-family: inherit;
  padding: 0;
  margin: 0;
}
.ug-signIn-modalContainer_right__input_left-email {
  color: #000;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  outline: 0;
  border: 1px solid #e6e6e6;
  height: 48px;
  border-radius: 8px;
  font-family: var(--theme-font-family);
  padding: 0 15px;
}
.ug-signIn-modalContainer_right_buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.buttonSubmit,
.buttonSubmit_disabled {
  height: 44px;
  margin: 10px 0;
  font-family: inherit;
  text-transform: uppercase;
  width: 100%;
  outline: 0;
  cursor: pointer;
}
.buttonSubmit {
  border-radius: 8px;
  background: linear-gradient(270deg, #ff5757 0, #d02035 100%);
  color: #ecedee;
  border: none;
  transition: background 0.8s;
}
.buttonSubmit_disabled {
  border-radius: 8px;
  background: #e6e6e6;
  border: none;
  transition: 0.8s;
}
.ug-signIn-modalContainer_right__emailOrPhone {
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #7c8698;
  padding-left: 5px;
  cursor: pointer;
  opacity: 0.8;
}
.ug-signIn-modalContainer_right__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.ug-signIn-modalContainer_right__footerleft {
  font-weight: 700;
  font-size: 16px;
  color: var(--blue-color);
}
.ug-signin-btn__content__otp,
.ug-signin-btn__content__refferal {
  display: flex;
  width: 780px;
}
.ug-signIn-modalContainer_left__otp {
  flex: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ug-signIn-modalContainer_left__otp > img {
  height: 150px;
}
.ug-signIn-modalContainer_right__otp {
  flex: 0.6;
}
.ug-signIn_right_backBtn {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 30px;
}
.ug-signIn_right_backBtn > i {
  cursor: pointer;
  display: block;
}
.ug-signIn_right_p {
  margin: 10px 0;
  font-weight: 700;
  font-size: 22px;
  color: #000;
  text-align: center;
}
.ug-signIn_right_subText,
.ug-signIn_right_subText p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 15px;
}
.ug-signIn_right_subText > p > span {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #e95454;
  padding-left: 7px;
  cursor: pointer;
}
.ug-signIn_right__otp_inputOtp {
  justify-content: center;
  margin: 0 0 20px;
  display: flex;
}
.ug-signIn_right__otp_inputOtp > input {
  margin-bottom: 0;
}
.ug-signIn_right__otp_inputOtp_input {
  border-left: none;
  border-right: none;
  border-top: none;
  width: 1em;
  outline: 0;
  border: none;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #263238;
  border-bottom: 1px solid #dfe1e6;
  margin: 0 3px;
  font-family: inherit;
  padding: 0;
  text-align: center;
}
.ug-signIn_right__otp_resendContainer {
  display: flex;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: flex-start;
}
.ug-signIn_right__otp_scs {
  margin-left: 3px;
  margin-right: 3px;
}
.ug-signIn_right__otp_ContinueBtn > button {
  text-transform: uppercase;
  width: 100%;
  border-radius: 4px;
  border: none;
  outline: 0;
  cursor: pointer;
  height: 40px;
  font-size: 14px;
}
.ug-signIn_right__otp_ContinueBtn > button > i {
  padding-left: 10px;
}
.ug-signIn-modalContainer__refferal {
  display: flex;
  height: 300px;
  width: 600px;
  align-content: center;
  align-items: center;
}
.buttonSubmitOtp,
.buttonSubmitOtp_disabled,
.referralConfirm,
.referralConfirm_disabled {
  text-transform: uppercase;
  height: 40px;
  transition: background 0.8s;
  margin: 10px 0;
  font-family: inherit;
  outline: 0;
  cursor: pointer;
}
.ug-signIn_right__referral_ContinueBtn > button {
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  border: none;
  outline: 0;
  cursor: pointer;
  height: 44px;
  color: #f7f3f3;
}
.buttonSubmitOtp,
.referralConfirm {
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(270deg, #ff5757 0, #d02035 100%);
  color: #ecedee;
  border: none;
}
.buttonSubmitOtp_disabled,
.referralConfirm_disabled {
  width: 100%;
  border-radius: 4px;
  background: #ecedee;
  border: none;
}
.wtoggle,
.wtoggle__input:checked ~ .wtoggle {
  background: var(--red-color);
}
.ug-signIn-modalContainer_left__refferal > img {
  height: 150px;
  margin-left: 47px;
  margin-right: 47px;
}
.ug-signIn-modalContainer_right__refferal {
  flex: 0.7;
  padding-top: 32px;
}
.ug-signIn_right_referral_p {
  font-weight: 700;
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}
.ug-signIn_right_referral_subText {
  margin-bottom: 20px;
  height: auto;
  font-weight: 600;
  font-size: 16px;
}
.ug-signIn_right_referral__input {
  margin-bottom: 20px;
}
.ug-signIn_right_referral__input > input {
  color: #000;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  outline: 0;
  border: 1px solid #e6e6e6;
  height: 48px;
  border-radius: 8px;
  font-family: var(--theme-font-family);
  padding: 0 15px;
}
.ug-signIn_right_referral_skipStep {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ug-signIn_right_referral_skipStep > p {
  color: #7c8698;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin-top: 48px;
}
.ug-signin-btn__content__success {
  display: flex;
  width: 780px;
  height: 36vh;
}
.ug-signIn-modalContainer_left__success > img {
  height: 200px;
  margin-left: 60px;
  margin-right: 20px;
}
.ug-signIn-modalContainer_right__success_iframe {
  justify-content: center;
  align-items: center;
  display: flex;
}
.ug-signIn-modalContainer_right__success_iframe > img {
  height: 150px;
}
.ug-signIn-modalContainer_right__success {
  flex: 0.7;
  display: flex;
  flex-direction: column;
}
.ug-signIn_right_success_p,
.ug-signIn_right_success_subText {
  justify-content: center;
  color: #000;
  display: flex;
  font-weight: 700;
}
.ug-signIn_right_success_p {
  font-size: 22px;
}
.ug-signIn_right_success_subText {
  padding-top: 15px;
  font-size: 16px;
}
.ug-signIn_right_success__subText {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ug-signin-btn__content {
    width: 85vw;
  }
  .ug-signIn-modalContainer,
  .ug-signIn-modalContainer__otp,
  .ug-signIn-modalContainer__success {
    flex-flow: column;
  }
  .ug-signIn-modalContainer_right,
  .ug-signIn-modalContainer_right__success {
    width: 100%;
  }
  .ug-signin-btn__content__otp {
    width: 85vw;
  }
  .ug-signin-btn__content__success {
    width: 85vw;
    height: fit-content;
  }
}

@media (max-width:475px) {
  #exampleModal {
    width: 100vw;
    margin: 0 auto;
    padding: 0;
  }
}


.wtoggle__input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.wtoggle {
  --width: 50px;
  --height: calc(var(--width) / 2);
  --border-radius: calc(var(--height) / 2);
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  transition: background 0.2s;
}
.wtoggle::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  height: 23px;
  width: 23px;
  background: #fff;
  border-radius: var(--border-radius);
  transition: transform 0.2s;
}
.wtoggle__input:checked ~ .wtoggle::before {
  transform: translateX(100%);
}
.wtoggle__input:focus ~ .wtoggle {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}
.wtoggle__input:focus:not(:focus-visible) ~ .wtoggle {
  box-shadow: none;
}
.wtoggle__input:focus-visible ~ .wtoggle {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}
.header .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.header .nav-tabs .nav-link {
  margin-bottom: 0;
  border: none;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: var(--red-color);
}
.course-list {
  display: flex;
  gap: 15px;
}
.upgrad-login-verify-phone-box {
  display: flex;
  flex-direction: row;
  padding: 10px;
  column-gap: 10px;
  background-color: #fef8eb;
  border-radius: 10px;
}
.coursemenucollapse {
  width: 268px;
  border: none;
  border-radius: 0 0 10px 10px;
  align-items: flex-start;
  flex-direction: column;
}
.tab-menu-content {
  display: flex;
  position: absolute;
  min-width: 990px;
}
.new-launches-skills-menu {
  background: #fff;
  max-height: 70vh;
  padding: 30px;
  overflow-y: auto;
}
.new-launches,
.vertical-program {
  display: inline-block;
  max-height: calc(100% - 50px);
}
.course-menu li.nav-item.dropdown {
  position: initial !important;
}
.sub-menu {
  left: 100% !important;
  top: 0 !important;
  transform: none !important;
  padding: 5px;
  border: none;
  border-radius: 0 0 5px;
  -webkit-box-shadow: inset 26px 0 25px -25px rgba(42, 7, 70, 0.1);
  -moz-box-shadow: inset 26px 0 25px -25px rgba(42, 7, 70, 0.1);
  box-shadow: inset 26px 0 25px -25px rgba(42, 7, 70, 0.1);
}
.course-menu a.course-info:hover .course-link-box {
  border: 1px solid red;
}
.sub-menu.dropdown-menu {
  width: max-content;
  /* height: 66vh; */
  border: none;
}
.sub-menu.dropdown-menu ul {
  width: 255px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.vertical-program {
  max-width: 575px;
  vertical-align: top;
  overflow: auto;
}
.new-launches {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.course-menu {
  width: 250px;
  border: none;
  border-radius: 0 0 0.25rem 0.25rem;
}
.dropdown-menu.course-menu {
  margin-top: -1px;
}
.dropdown-menu.course-menu .courses-menu-list {
  overflow: auto;
  max-height: 100%;
}
.course-link-box {
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 2px 6px 8px 0 #2a07460a;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid transparent;
}
.partaner-info {
  display: flex;
  justify-content: space-between;
  background: #fef3f4;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.partaner-info .partner-logo {
  flex: 0 0 38px;
  margin-right: 10px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 5px;
}
.course-link-box .unisty-name {
  flex-grow: 1;
  background: 0 0;
  color: #333;
  text-align: left;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
}
.course-link-box h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 10px 10px 0;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.course-duration {
  color: #666;
  font-size: 12px;
  padding: 5px 0 0 10px;
}
.partaner-info .courses-catg {
  padding: 3px 15px;
  font-size: 12px;
  position: relative;
  align-self: flex-start;
  margin-top: -10px;
  margin-right: -10px;
  border: 2px solid #fff;
  background: #f4deff;
  color: #6100dc;
  text-transform: capitalize;
  font-weight: 700;
}
.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  height: 100%;
  top: 0;
  overflow: hidden;
  z-index: 22;
}
@media (min-width: 992px) {
  .header-courses-menu:hover .dropdown-menu.course-menu {
    display: block;
  }
}
.header-courses-menu .nav-link {
  color: #333;
  white-space: normal;
  font-size: 16px;
  font-weight: 500;
  border-right: 2px solid transparent;
}
.header-courses-menu .course-menu li.nav-item.active .nav-link {
  font-weight: 700;
}
.header-courses-menu #course-menu {
  border: none;
  position: relative;
  z-index: 111;
  border-radius: 4px;
  min-width: 123px;
  background-color: #000;
  color: #fff;
  padding: 6px 10px;
  font-size: 18px;
  font-weight: 600;
}
.header-courses-menu #course-menu:after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.header-courses-menu:hover #course-menu:after {
  content: "\f077";
}
#scrollbarstyle::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
#scrollbarstyle::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
#scrollbarstyle::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d62929;
}
.dropdown-menu.course-menu h4 {
  padding-left: 15px;
  margin: 0 0 5px;
  font-size: 20px;
}
.dropdown-menu.course-menu h6 {
  padding-left: 10px;
  margin: 0 0 10px;
}
.sub-menu.dropdown-menu h4 {
  padding: 15px 15px 0;
}
ug-header-logo-url {
  margin-right: 20px;
}
.ug-header-right-container {
  position: relative;
  z-index: 1;
}
.ug-signin-mainBtn:hover {
  color: #fff;
  background: linear-gradient(180deg, #da202f 0, #ee2c3c);
}
.upgradTermsAndPolicy {
  display: flex;
  align-items: flex-start;
  text-align: left;
  line-height: 24px;
  margin: 10px 0 !important;
}
.upgradTermsAndPolicy input[type="checkbox"] {
  flex: 0 0 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
}
.logout-link {
  font-size: 13px;
  color: #333;
  padding: 10px;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .vertical-program {
    max-width: min-content;
  }
}
@media (max-width: 991px) {
  .dropdown-menu.course-menu,
  .sub-menu.dropdown-menu {
    position: fixed;
    height: calc(100% - 50px);
    overflow: auto;
    width: 100%;
  }
  a.ug-header-logo-url {
    flex: 0 0 80px;
  }
  .dropdown-menu.course-menu {
    display: none;
    left: 0;
    right: 0;
    padding: 15px 0;
    border-radius: 0;
    top: 50px;
    box-sizing: border-box;
  }
  .dropdown-menu.course-menu.active,
  .header-courses-menu .dropdown-menu.course-menu.active,
  .new-launches ul.active li,
  .vertical-program ul.active li {
    display: block;
  }
  .dropdown-menu.course-menu
    ul
    li.nav-item
    .sub-menu.dropdown-menu
    ul
    p.text-pera:after {
    content: "+";
    float: right;
    margin-right: 10px;
  }
  .dropdown-menu.course-menu
    ul
    li.nav-item.active
    .sub-menu.dropdown-menu
    ul.active
    p.text-pera:after {
    content: "-";
    float: right;
    margin-right: 10px;
  }
  .sticky_nav_active .cta_button {
    display: none;
  }
  body a.cta_button {
    box-sizing: border-box !important;
  }
  .sub-menu.dropdown-menu {
    left: 0 !important;
    top: 50px !important;
    box-shadow: inset 0 26px 25px -25px rgba(42, 7, 70, 0.1);
  }
  .header-courses-menu .dropdown-menu.course-menu,
  .new-launches ul li,
  .overlay,
  .vertical-program ul li {
    display: none;
  }
  .new-launches,
  .vertical-program {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .sub-menu.dropdown-menu ul {
    width: 100%;
    margin: 0;
  }
  .dropdown-menu.course-menu h4 {
    padding-left: 10px;
    margin: 0 0 15px;
    font-size: 18px;
  }
  .dropdown-menu.course-menu ul li.nav-item {
    margin: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
  }
  .mob-back-menu {
    padding: 10px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .header-courses-menu .nav-link,
  .header-courses-menu h6 {
    font-size: 13px;
    font-weight: 500;
  }
  .header-courses-menu #course-menu {
    padding: 3px 10px;
    font-size: 16px;
    min-width: 100px;
  }
  .header-courses-menu
    .course-menu
    li.nav-item
    .nav-link.dropdown-toggle:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    border: none;
    display: inline-block;
    vertical-align: middle;
    float: right;
  }
  .dropdown-menu.course-menu h6 {
    margin: 0 0 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px 10px;
  }
  .dropdown-menu.course-menu .new-launches ul h6:after,
  .dropdown-menu.course-menu .vertical-program ul h6:after {
    content: "\2b";
    float: right;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
  }
  .dropdown-menu.course-menu .new-launches ul.active h6:after,
  .dropdown-menu.course-menu .vertical-program ul.active h6:after {
    content: "\f068";
    float: right;
    font-size: 20px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
  }
  .dropdown-menu.course-menu .new-launches ul.active h6,
  .dropdown-menu.course-menu .vertical-program ul.active h6 {
    font-weight: 700;
    color: var(--red-color);
  }
  .header .space-between-override .ug-header-override-col-width {
    padding: 0;
  }
  .upgrad-login-user-name {
    max-width: 60px;
  }
}
.modal.sign-up-popup {
  z-index: 9999;
}
.sign-up-popup .modal-dialog {
  max-width: 750px;
}
.sign-up-popup .modal-content {
  width: 100%;
  border-radius: 1.5rem;
  border: none;
  box-shadow: 0 16px 28px 0 #2a07460f, 0 -2px 40px 0 #2a07460a;
  min-height: 600px;
  flex-direction: inherit;
}
.sign-up-popup .modal-body {
  display: block;
  align-items: inherit;
  width: 100%;
  flex: 0 0 100%;
  padding: 0 0 0 312px;
  box-sizing: border-box;
  position: relative;
}
.sign-up-popup .modal-body::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  width: 312px;
  display: block;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/sign-up-graphic-img.png)
    center center no-repeat #f5f1fe;
  border-radius: 1.5rem 0 0 1.5rem;
}
.sign-up-popup .modal-body [class*="ug-signIn-modalContainer__"],
.sign-up-popup .ug-signIn-modalContainer {
  width: auto;
  height: 100%;
  display: block;
  padding: 40px;
}
.sign-up-popup
  .modal-body
  [class*="ug-signIn-modalContainer__"]
  [class*="ug-signIn-modalContainer_right__"] {
  width: 100%;
}
.btn-close.cls-btn3 {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 24px;
  height: 24px;
  display: block;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
  z-index: 3;
  opacity: 1;
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/close-white-btn.png)
    center center no-repeat;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  border-right: 1px solid #e6e6e6;
  font-size: 16px;
}
#phoneSignUp,
#phoneSignUp:active,
#phoneSignUp:focus,
#phoneSignUp:focus-visible,
#phoneSignUp:target {
  background: 0 0;
  width: 100%;
  font-size: 16px;
}
.ug-signIn-modalContainer_right__refferal {
  text-align: center;
}
.inputName-subHeader {
  font-size: 16px;
  line-height: normal;
  text-align: center;
}
.sign-up-popup button.btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .ug-header-right-container {
    position: initial;
    z-index: 111;
  }
  .hs-menu-item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .sign-up-popup .modal-dialog {
    width: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .sign-up-popup .modal-body::before {
    display: none;
  }
  .sign-up-popup .modal-body {
    padding: 0;
  }
  .sign-up-popup .modal-body [class*="ug-signIn-modalContainer__"],
  .sign-up-popup .ug-signIn-modalContainer {
    padding: 60px 20px 20px;
    background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/upgrad-logo.svg)
      center 15px/100px auto no-repeat;
    height: auto;
  }
  .btn-close.cls-btn3 {
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
  }
  .sign-up-popup .modal-dialog {
    width: 100%;
    margin: 0;
    height: auto;
    min-height: 100vh;
    align-items: inherit;
  }
  .sign-up-popup .modal-content {
    border-radius: 0;
    min-height: inherit;
  }
  .ug-signIn_right_backBtn {
    left: 20px;
    top: 20px;
    font-size: 20px;
  }
  .inputName-subHeader,
  .ug-signIn-modalContainer_right__refferal {
    text-align: center;
  }
  .header-courses-menu #course-menu {
    padding: 5px;
    font-size: 12px;
    min-width: 75px;
  }
  .header .ug-icon-bars {
    padding-right: 5px;
  }
  .header .ug-signin-mainBtn {
    height: 29px;
    line-height: initial;
    font-size: 12px;
  }
  .header .ug-signin-mainBtn span {
    font-size: 12px;
  }
}
.modal-content {
  position: relative;
}
.custom-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1051; /* Ensures the button is above other elements */
  background-color: transparent;
  border: none;
  font-size: 1.5rem; /* Increase the font size for better visibility */
  color: #eb2a3a; /* Red color for the close icon */
  cursor: pointer;
}
.btn-secondary {
  color: #eb2a3a !important;
  background-color: transparent !important;
  border-color: none !important;
}
.text-pera {
  font-size: 18px; /* Example: set font size for h6 */
  font-weight: bold; /* Example: make the h6 bold */
  margin: 0 0 20px 0; /* Example: margin for h6 */
  color: #000;
}
.h4-para {
  font-size: 18px; /* Match the font size of an h4 */
  font-weight: bold; /* Match the font weight of an h4 */
  margin: 10px 0; /* Match the margin of an h4 */
  color: #000; /* Match the text color */
  line-height: 1.3; /* Match the line height of an h4 */
}
.h5-para {
  font-size: 14px; /* Set the same font size as h5 */
  font-weight: bold; /* Make the text bold to match h5 */
  margin: 10px 0; /* Set the margin similar to h5 */
  color: #000; /* Set the same text color as h5 */
  line-height: 1.4; /* Set line height similar to h5 */
}

/* Positioning for a:after relative to the anchor */
.ug-header-menu ul li:nth-child(4) a {
  position: relative;
}

.ug-header-menu.country-vn ul li:nth-child(4) a {
  position: relative;
}

.ug-header-menu.country-vn ul li:nth-child(4) a:after {
  content: url("/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/vn-sa.gif");
  position: absolute;
  bottom: 26px;
  width: 74px;
  height: 30px;
  transform: scale(0.6);
  display: inline-block;
  left: -29px;
}

.vertical-gif {
  width: 40px;
  height: auto;
  margin-left: 8px;
}

/* Default gif for 5th item (always shown) */
.ug-header-menu ul li:nth-child(5) a:after {
  content: url("/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/new-icon.gif");
  position: absolute;
  bottom: 24px;
  left: -18px;
  width: 74px;
  height: 30px;
  transform: scale(0.6);
  display: inline-block;
}

@media (max-width: 1200px) {
  .ug-header-menu .hs-menu-wrapper ul li:nth-child(5) a::after {
    bottom: 5px;
    left: 60px;
  }
}

.ug-editprofile-input {
  border: 1px solid #4a5568;
  border-radius: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  padding: 8px 14px;
}
.ug-editprofile-inputField > label {
  position: absolute;
}
.ug-editprofile-inputField > label {
  position: absolute;
  background: #fff;
  font-size: 12px;
  left: 35px;
  top: 11px;
  padding: 0 3px;
  color: #666;
}
.ug-editprofile-inputField {
  position: relative;
}
.ug-editprofile-discard-btn {
  border-radius: 8px;
  border: 1px solid #b4bac4;
  padding: 7px 16px;
  background: 0 0;
}

.ug-editprofile-savechanges-btn {
  border-radius: 8px;
  padding: 7px 16px;
  border: none;
  background: linear-gradient(180deg, #ee2c3c, #da202f);
}

/* Default disabled state of the button */
.referralConfirm_disabled {
  background: #ccc; /* Gray background for the disabled state */
  cursor: not-allowed;
  pointer-events: none;
}

/* Active state of the button when referral code is entered */
.referralConfirm_active {
  background: linear-gradient(270deg, #ff5757 0, #d02035 100%);
  cursor: pointer;
  pointer-events: auto;
}

.upgrad-login-menu-links a {
  display: flex;
  align-items: center;
}
.upgrad-login-menu-logout-desktop .logout-link {
  padding-left: 0;
}
.upgrad-login-menu-logout-desktop .logout-link i {
  padding-right: 5px;
}
#editProfileModal button.btn.btn-close {
  background: no-repeat;
  color: #fff;
  font-size: 34px;
  position: absolute;
  top: -50px;
  right: -50px;
  opacity: 1;
  pointer-events: initial;
}
.modal-dialog.modal-dialog-centered.ug-editprofile__modalDialog_container {
  height: auto !important;
  min-height: auto;
  top: 100px;
}

:root {
  --greyscale-2: rgb(102, 102, 102);
}

.skills-container {
  /*overflow: hidden;
  white-space: nowrap;
  */
  padding-left: 15px;
  padding-right: 15px;
}

.skills-list {
  display: inline-block;
  text-overflow: ellipsis;
}

.skill {
  display: inline-block;
  margin-right: 5px;
  color: var(--greyscale-2);
}

.toggle-more {
  display: inline-block;
  margin-top: 5px;
  color: red;
  cursor: pointer;
  font-size: 14px;
}

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

.toggle-more.show-less::before {
  display: none;
}
.sub-menu.dropdown-menu ul.skills-list {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 820px;
  white-space: normal;
  padding-top: 15px;
}
ul.skills-list li {
  display: inline-block;
  padding-bottom: 7px;
  padding-top: 7px;
}
ul.skills-list li,
ul.skills-list li a {
  color: #333;
  font-size: 14px;
}
span.skills-list {
  font-size: 14px;
}
.more-skills {
  white-space: normal;
}
.more-btn a {
  color: #ff0000;
}

ul.skills-list li:after {
  content: "|";
  padding: 0 10px;
}
ul.skills-list li:nth-last-child(2):after {
  display: none;
}
ul.skills-list li {
  color: #333;
  font-size: 14px;
}

.skills-list .more-skills {
  display: none; /* Initially hidden for extra skills */
}

@media (max-width: 1200px) {
  .ug-header-menu.country-vn ul li:nth-child(4) a:after {
    bottom: calc(50% - 5px);
    right: auto;
    left: auto;
  }
}
.sign-up-popup .modal-body.modal-body-vn::before {
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/sign-up-graphic-img-vn.png)
    center center no-repeat #f5f1fe;
}
@media (max-width: 767px) {
  i.fa-solid.fa-chevron-right {
    padding: 18px !important;
  }
  .ug-header-right-container {
    padding-left: 5px;
  }
  .sign-up-popup .modal-body.modal-body-vn::before {
    display: none;
  }
}
.upgrad-user-initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #eb2a3a; /* or any brand color */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}
.upgrad-login-user-name-desktop {
  display: none !important;
}
.upgrad-signup-button-wrapper-xl1.element-container.header-button1.free-course-button {
  margin-right: 5px;
}
.free-course-button .ug-signup-button {
  color: #000000;
  border: 1px solid #000000;
  background: #fff;
  white-space: nowrap;
  display: block;
}
.free-course-button:hover span {
  color: #ee2c3c;
}
.free-course-button .ug-signup-button:hover {
  color: #ee2c3c;
  border: 1px solid #ee2c3c;
  background: #fff;
}

.free-course-button .ug-signup-button {
  color: #000000;
  border: 1px solid #000000 !important;
  background: #fff;
  white-space: nowrap;
  display: block;
}
.header-menu-and-btn {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .header-menu-and-btn {
    display: none;
  }
}

/*  end header css */

@media (max-width: 991px) {
  #hs_cos_wrapper_widget_1713777935621 .controls {
    left: 0 !important;
    width: 100% !important;
  }
  #hs_cos_wrapper_widget_1713777935621 .sticky-nav-items {
    margin: 0 10px;
  }
}

.sticky_nav-btncol {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  padding-top: 7px;
  padding-bottom: 7px;
}
.sticky_nav-btncol .sticky_nav_cta {
  white-space: nowrap;
  margin: 0 !important;
  width: auto !important;
  text-transform: none !important;
}
.sticky_nav-btncol .cta_button {
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box !important;
  padding: 0px 15px;
}
.connect-learner-popup #popupBox {
  padding-top: 50px;
}
.connect-learner-popup .hbspt-form fieldset label {
  display: none;
}
.connect-learner-popup .hbspt-form fieldset label.hs-error-msg {
  display: block;
  font-size: 14px;
  text-align: left;
  color: #ff0000;
}
.connect-learner-popup .hbspt-form .hs-input {
  width: 100% !important;
}
.connect-learner-popup .hs_error_rollup .hs-error-msgs {
  font-size: 14px;
  color: #ff0000;
  padding-bottom: 0 !important;
}

@media (max-width: 991px) {
  .sticky_nav-btncol .sticky_nav_cta,
  .sticky_nav-btncol span.hs_cos_wrapper_type_cta {
    margin: 0 0 10px 0 !important;
  }
  .sticky_nav_active .sticky_nav-btncol .cta_button {
    display: block !important;
  }
  .sticky_nav-btncol {
    justify-content: center;
  }
}

.sticky-btn-animation .cta_button {
  width: 243px;
}
.sticky-btn-animation .btn-animation .cta_button {
  background: #ff0000;
  height: 40px;
  width: 239px;
  overflow: hidden;
  position: relative;
  margin: 0px;
  color: white;
  border: none;
  background: linear-gradient(180deg, #e50913 0, #bf2026);
  padding: 0 20px;
  line-height: 40px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.sticky-btn-animation .cta_button:hover {
  color: #fff;
}

.sticky-btn-animation .move-img-sticky {
  position: absolute;
  left: 0;
  top: 0;
  animation: moveLeftRightSticky 2s linear infinite;
}

@keyframes moveLeftRightSticky {
  0% {
    left: 0;
  }
  100% {
    left: 101%; /* 100px container width - 20px image width */
  }
}

.sticky_nav_active .sticky_nav-btncol .cta_button {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .sticky_nav_active .sticky_nav-btncol {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  #hs_cos_wrapper_widget_1713777993914 .sticky_nav_item {
    height: 40px !important;
  }
}
#popupBox span.closeX {
  color: #ff0000;
  font-size: 34px;
  top: 0;
}
/* program-page-banner css */
.program-page-banner::after,
.program-page-banner::before {
  position: absolute;
  opacity: 0.08;
  border-radius: 50%;
  filter: blur(50px);
  display: block;
  content: "";
  margin: 0;
}
.program-bnr-img,
.program-bnr-text {
  position: relative;
  border-radius: 2.5rem;
}
.prog-hd,
.prog-label {
  color: var(--white-color);
}
.program-page-banner {
  position: relative;
  z-index: 0;
}
.program-page-banner::before {
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
}
.program-page-banner::after {
  width: 25%;
  height: 360px;
  right: 35%;
  bottom: -30%;
}
.program-page-banner .row {
  align-items: center;
}
.program-page-banner .row .col-md-7 {
  width: 62%;
  padding-right: 0;
}
.program-bnr-text {
  background-color: var(--white-color);
  box-shadow: -2px 0 15px #f4f4f4;
  padding: 60px 110px 60px 50px;
  z-index: 0;
}
.program-page-banner .row .col-md-5 {
  width: 44%;
  padding-left: 0;
  margin-left: -6%;
}
.program-bnr-img {
  width: 100%;
  overflow: hidden;
  height: 572px;
  z-index: 0;
}
.desktop-img {
  height: 100%;
}
.program-bnr-img .desktop-img img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
}
.program-bnr-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(11, 11, 46, 0.2);
}
.prog-text1 {
  margin: 0 0 25px;
}
.prog-label {
  display: inline-block;
  font-size: var(--font-14);
  line-height: 32px;
  text-transform: uppercase;
  padding: 0 20px;
  border-radius: 2rem;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
.program-bnr-text ul {
  display: flex;
  align-items: center;
  padding: 15px 0 50px;
}
.program-duration-info ul {
  align-items: flex-start;
  margin: 0 -10px;
}
.program-bnr-text ul li {
  width: 39%;
  padding: 0 10px;
}
.program-bnr-text ul li:last-child {
  width: 22%;
}
.list-name1 {
  font-size: var(--font-18);
  line-height: var(--line-h-24);
}
.list-catg1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.program-bnr-text .btn-group {
  max-width: 540px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.program-bnr-text .btn-group .hs-button,
.program-bnr-text .hs-cta-wrapper span {
  display: block;
}
.program-bnr-text .hs_cos_wrapper_type_cta {
  display: block;
  width: 100%;
}
.program-img-overlay-block {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  z-index: 2;
  padding: 20px;
}
.prog-hd {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
  font-weight: 400;
  padding: 5px 0 0;
}
.prog-bnr-btm-text {
  width: 100%;
}
.prog-bnr-btm-text ul {
  width: 100%;
  background: var(--white-color);
  border-radius: 0.5rem;
  display: flex;
  font-size: var(--font-14);
  padding: 7px 5px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.prog-bnr-btm-text ul li {
  padding: 0 5px;
}
.prog-bnr-btm-text ul li span {
  color: #e50913; /*var(--blue-color);*/
  font-weight: 700;
}
.copied-icon,
.mobile-img,
.show-copied .copy-icon {
  display: none;
}
.modal-backdrop {
  z-index: 1040;
}
#programvideopopup .modal-dialog {
  width: 850px;
  max-width: 80%;
}
#programvideopopup .modal-dialog button.btn-close {
  float: right;
  width: 30px;
  position: absolute;
  right: 10px;
  z-index: 1;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/close-read.png)
    center center no-repeat;
  opacity: 1;
  top: 5px;
  padding: 0;
  margin: 0;
}
.share_button_block {
  display: flex;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 5px;
}
.share_button_block input#shareButton {
  padding: 5px 10px;
  border: none;
  border-right: 1px solid #eee;
  flex-grow: 1;
  font-size: 16px;
}
.share_button_block button {
  border: none;
  background: no-repeat;
  padding: 5px 10px;
  color: #eb2a3a;
  font-size: 16px;
}
#share_button_popup button.close {
  position: absolute;
  border: none;
  background: no-repeat;
  font-size: 34px;
  right: -30px;
  top: -30px;
  color: #fff;
}
#share_button_popup .modal-header {
  border: none;
  padding: 0;
}
#share_button_popup .modal-body {
  padding: 30px;
}
#share_button_popup .modal-body p {
  font-size: 16px;
}
#share_button_popup .modal-body h4 {
  margin: 0;
}
#share_button_popup .modal-dialog {
  max-width: 770px;
}
.modal-content {
  border-radius: 25px;
}
@media only screen and (max-width: 1199px) {
  .program-bnr-text {
    padding: 25px;
  }
  .list-catg1 {
    font-size: var(--font-20);
    line-height: var(--line-h-28);
  }
  .program-page-banner .row .col-md-7 {
    width: 55%;
  }
  .program-page-banner .row .col-md-5 {
    width: 50%;
    margin-left: -5%;
  }
  .program-bnr-img {
    height: 480px;
  }
}
@media only screen and (max-width: 991px) {
  .program-bnr-text h1 {
    font-size: 1.7rem;
    line-height: 2rem;
  }
  .program-page-banner .row {
    margin: 0;
    padding: 15px;
    background: var(--white-color);
    box-shadow: 0 0 20px rgb(249 237 243);
    border-radius: 1.25rem;
  }
  .program-page-banner .row .col-md-5,
  .program-page-banner .row .col-md-7 {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .program-bnr-text {
    padding: 0;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
  }
  .program-bnr-img {
    height: 500px;
    border-radius: 1rem;
    margin: 20px 0 0;
  }
  .program-img-overlay-block {
    width: 100%;
    padding: 15px;
  }
  .program-page-banner::after,
  .program-page-banner::before {
    display: none;
  }
  .program-bnr-text ul {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .program-bnr-text h1 {
    font-size: 1.7rem;
    line-height: 2rem;
  }
  .prog-label {
    font-size: var(--font-12);
    line-height: 24px;
    padding: 0 10px;
    margin: 0 10px 0 0;
  }
  .prog-bnr-top-text img,
  .vdo-play-btn {
    position: absolute;
    margin: 0 auto;
    top: 30%;
  }
  .prog-share-btn {
    display: inline-flex;
    vertical-align: middle;
    width: 14px;
    align-items: center;
  }
  .program-bnr-text ul li {
    width: 33.333%;
  }
  .list-name1 {
    font-size: var(--font-14);
    line-height: var(--line-h-20);
  }
  .list-catg1 {
    font-size: var(--font-16);
    line-height: var(--line-h-24);
  }
  .program-bnr-text ul {
    padding: 10px 0 0;
  }
  .desktop-img {
    display: none;
  }
  .mobile-img,
  .program-bnr-text .btn-group {
    display: block;
  }
  .program-bnr-img {
    height: auto;
    overflow: inherit;
    padding: 0 0 44px;
  }
  .program-img-overlay-block {
    padding: 0;
    display: block;
  }
  .program-bnr-img::before {
    border-radius: 1rem;
    bottom: 44px;
  }
  .mobile-img img {
    border-radius: 1rem;
    width: 100%;
  }
  .prog-bnr-btm-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .prog-bnr-btm-text ul {
    font-size: var(--font-12);
    border: 1px solid #dbc6ec;
  }
  .vdo-play-btn {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -125px;
    right: 0;
    border-right: 1px solid #fff;
    padding-right: 20px;
  }
  .prog-hd {
    font-size: var(--font-14);
    line-height: var(--line-h-20);
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .prog-bnr-top-text img {
    left: 0;
    right: -70px;
  }
  .program-bnr-text {
    z-index: 1;
  }
  .program-bnr-text .btn-group .hs-button {
    height: auto;
    line-height: initial;
    padding: 15px 0;
    font-size: 14px;
  }
}
.show-copied .copied-icon {
  display: inline;
}

#copyButton {
  width: 168px;
}
.modal-header .btn-close {
  padding: 0.8rem 1.5rem !important;
  margin: -0.5rem -0.5rem -0.5rem auto !important;
}
.modal-dialog {
  pointer-events: none !important;
}

.btn {
  border: 0px solid transparent !important;
}
#program-page-banner .program-bnr-text {
  z-index: 1;
}
#program-page-banner .program-bnr-img {
  z-index: 2;
}
@media (max-width: 767px) {
  .program-bnr-text .btn-group {
    display: block !important;
    max-width: 100%;
  }

  .program-bnr-text .btn-group span.hs_cos_wrapper_type_cta {
    margin-top: 15px;
    max-width: 100%;
  }
}
.social_icon_box ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 100px;
}
.social_icon_box .copylink {
  background: #ee2c3c;
  color: #fff;
  padding: 5px 20px;
  border-radius: 25px;
}
.social_icon_box .copylink i {
  background: #ff5462;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}
.social_icon_box .whatsup {
  background: linear-gradient(
    to bottom,
    rgba(92, 211, 102, 1) 0%,
    rgba(36, 177, 57, 1) 100%
  );
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 40px;
  font-size: 30px;
  line-height: 40px;
}
.social_icon_box .email {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.social_icon_box .share {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

#share_button_popup .modal-content {
  padding: 25px 25px 35px 25px;
}
#share_button_popup .modal-body {
  padding: 0;
}
#share_button_popup .social_icon_box ul {
  gap: 30px;
  margin-top: 20px;
}
#share_button_popup .share_button_block {
  margin-top: 15px;
}
#share_button_popup .modal-body h4 {
  margin-bottom: 5px;
}
.program-page-banner {
  z-index: 0;
}

.prog-label.blue-gradient {
  color: #9b000c !important;
}

.program-img-overlay-block {
  /* display: block;
    padding: 0;
    position: initial; */
}

.program-bnr-img {
  width: 100%;
}

/* end program-page-banner css */
.course-snapshot-img-block {
  width: 290px;
  height: 380px;
  margin-top: 60px;
  margin-left: auto;
  position: relative;
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
}
.course-snapshot-img-block:before {
  background: linear-gradient(180deg, #ee2c3c 0, #da202f);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0px;
  width: 100%;
  bottom: 0;
}
.course-snapshot-img img {
  object-position: bottom;
  object-fit: contain;
  width: 100% !important;
  height: 100% !important;
}
.course-snapshot-img {
  position: relative;
  height: 100%;
}
.course-snapshot-img-block::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 121px;
  height: 70px;
  z-index: 5;
}
.course-snapshot ul.star-list {
  margin: 40px 0 0;
}
.course-snapshot-stats {
  border-radius: 1rem;
  padding: 25px;
  position: relative;
  background-color: var(--white-color);
  font-weight: 700;
  margin: 20px 0 0;
}
.course-snapshot-stats::before {
  background: linear-gradient(
    94.65deg,
    #fbccd0 12.21%,
    #f1c6d8 64.7%,
    #dbc6ec 100.05%
  );
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  content: "";
  position: absolute;
  display: block;
  border-radius: 1rem;
  z-index: -1;
}
.course-snapshot-stats::after {
  content: "";
  box-shadow: 0 6px 0 #f4f4f4;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-radius: 1rem;
}
.course-snapshot-stats ul {
  display: flex; /*align-items:center;*/
  padding: 0;
  position: relative;
  z-index: 1;
  gap: 15px;
  justify-content: space-between;
}
.course-snapshot-stats ul li {
  width: 33.333%;     text-align: center; 
}
.course-snapshot-stats ul li strong {
  font-weight: 700;
  color: #e50913;
}

.course-snapshot-stats ul li p {
  color: var(--dark-grey-color);
  font-size: var(--font-18);
  line-height: var(--line-h-24);
}
@media only screen and (max-width: 991px) {
  .course-snapshot {
   /* margin: 50px 0 0; */
  }
  .course-snapshot-stats {
    padding: 15px 0 15px 15px;
    margin: 30px 0 0;
  }
  .course-snapshot-stats ul li strong {
    font-size: 24px;
    line-height: 30px;
  }
  .course-snapshot-stats ul li p {
    font-size: var(--font-17);
    line-height: var(--line-h-22);
  }
}

@media only screen and (max-width: 767px) {
  .course-snapshot-stats ul li strong {
    font-size: var(--font-20);
    line-height: var(--line-h-26);
  }
  .course-snapshot-stats ul li p {
    font-size: var(--font-14);
    line-height: var(--line-h-20);
  }
  .course-snapshot-img-block {
    display: none;
  }
}

.text-para {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 700;
  color: #000;
}
.text-gradient-value {
    color: #E50913 !important;
}

.course-snapshot.star-list li {
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/star-list-new.png)
    left 3px no-repeat !important;
}

.key-highlights-block,
.vdo-block {
  position: relative;
}
.vdo-block a,
.vdo-block::before,
.vdo-play-btn3 {
  right: 0;
  position: absolute;
}
.key-highlights-block::before {
  content: "";
  display: block;
  width: 25%;
  height: 100%;
  position: absolute;
  left: 0;
  margin: 0 auto;
  top: 0;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.key-highlights-tab {
  padding: 30px 0 0;
  display: flex;
  align-items: flex-start;
}
.key-highlights-tab .tab-content.accordion {
  flex: auto;
}
.key-highlights-tab .nav {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  margin-right: 50px;
  border: none;
  border-radius: 0;
}
.key-highlights-tab .nav .nav-item {
  width: 100%;
  display: block;
}
.key-highlights-tab .nav .nav-item .nav-link {
  background: 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 10px 20px;
  text-align: left;
  min-height: 60px;
  font-size: var(--font-20);
  color: var(--grey-color);
  font-weight: 700;
  margin: 0 0 20px;
  display: block;
  width: 100%;
  outline: 0 !important;
}
.key-highlights-tab .nav .nav-item .nav-link.active {
  color: #000;
  background-color: var(--white-color);
  border-color: var(--white-color);
  box-shadow: 0 0 30px 0 rgb(85 14 141 / 8%), 0 0 30px 0 rgb(85 14 141 / 1%);
}
.key-highlights-tab .tab-content .tab-pane {
  border: none;
  padding: 0;
  background: 0 0;
}
.key-highlights-tab .tab-content .tab-pane .accordion-body {
  padding: 0;
}
.key-highlights-tab .tab-content .tab-pane p {
  font-size: var(--font-18);
  line-height: var(--line-h-24);
  color: var(--dark-grey-color);
}
.vdo-block {
  max-width: 456px;
  width: 100%;
  margin: 25px 0 0;
  border-radius: 1rem;
  overflow: hidden;
}
.vdo-block::before {
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #0b0b2e99;
}
.vdo-block a {
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
}
.vdo-play-btn3 {
  display: block;
  left: 0;
  margin: 0 auto;
  width: 60px;
  top: 80px;
}
.vdo-info3 {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 25px;
  right: 25px;
  align-items: center;
  justify-content: space-between;
  color: var(--white-color);
  font-size: var(--font-18);
}
.info-rt3 {
  font-size: var(--font-16);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.info-rt3 img {
  margin-right: 6px;
}
@media only screen and (max-width: 991px) {
  .key-highlights-block {
    margin: 50px 0 0;
  }
  .key-highlights-tab {
    padding: 15px 0 0;
    display: block;
  }
  .key-highlights-tab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    background: 0 0;
    margin: 0 0 12px;
  }
  .key-highlights-tab .accordion-button {
    padding: 0 15px;
    font-size: var(--font-18);
    color: var(--grey-color);
    background-color: transparent;
    min-height: 46px;
    line-height: 24px;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.625rem !important;
    border: 1px solid #e6e6e6;
  }
  .key-highlights-tab .tab-content .tab-pane .accordion-body {
    padding: 15px;
    margin: 0;
    position: relative;
    z-index: 3;
  }
  .key-highlights-tab .accordion-button[aria-expanded="true"] {
    border-color: var(--white-color);
    border-radius: 0.625rem 0.625rem 0 0 !important;
    background: var(--white-color);
    box-shadow: 0 0 10px #550e8d14;
    color: #000;
  }
  .key-highlights-tab .tab-content .tab-pane .show .accordion-body {
    background: var(--white-color);
    box-shadow: 0 10px 40px #550e8d14;
    border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .key-highlights-tab .tab-content .tab-pane .show .accordion-body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #e6e6e6;
  }
  .key-highlights-tab .tab-content .tab-pane p {
    font-size: var(--font-16);
    line-height: var(--line-h-20);
  }
  .vdo-play-btn3 {
    width: 40px;
    top: 32%;
  }
  .vdo-info3 {
    bottom: 12px;
    left: 12px;
    right: 12px;
    font-size: var(--font-16);
  }
  .key-highlights-block::before {
    display: none;
  }
}
.check-list li {
  background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
}
@media only screen and (max-width: 767px) {
  .check-list li {
    background-position: left 2px;
  }
}

@media (max-width: 991px) {
  .key-highlights-block .key-highlights-tab .accordion-button {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    margin-bottom: 15px;
  }
  .key-highlights-tab .tab-content .tab-pane .show .accordion-body:before {
    display: none;
  }
}

.experience-module {
  margin: 0 0 100px;
}
.experience-video {
  display: block;
  position: relative;
}
.experience-video .exp-vdo-btn {
  width: 60px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
.iframe-video-block {
  position: relative;
  padding-top: 56.2%;
}
.iframe-video-block *,
.iframe-video-block embed,
.iframe-video-block iframe,
.iframe-video-block img,
.iframe-video-block video {
  width: 100% !important;
  height: 100% !important;  
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}
.certificate-img2 img {
  width: 100%;
  box-shadow: 0 6px 0 #f2f2f2;
  border: 1px solid #e6e6e6;
  border-radius: 1.25rem;
  padding: 20px;
}
@media only screen and (max-width: 991px) {
  .experience-module {
    margin: 0 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .experience-video {
    margin: 20px 0 0;
  }
  .experience-video img {
    width: 100%;
    display: block;
  }
  .experience-module br {
    display: none;
  }
  .experience-video .exp-vdo-btn {
    width: 40px;
  }
  .iframe-video-block {
    margin-top: 20px;
  }
  .certificate-img2 {
    margin: 20px 0;
  }
  .experience-module .row.pt-4 {
    padding-top: 0 !important;
  }
}

.degree-certificate-module {
  overflow: hidden;
}
.slider-wd1 {
  margin: 40px 0 0;
}
.certificate-card,
.opened {
  display: flex;
}
.certificate-img {
  max-width: 150px;
  width: 150px;
  border: 1px solid #000;
  flex: 0 0 150px;
  align-self: flex-start;
}
.certificate-info {
  flex: auto;
  padding: 0 75px 0 20px;
  position: relative;
}
.certificate-info span.number-slide {
  color: #f3ecf9;
  font-size: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
}
.certificate-info,
.certificate-info p,
.certificate-info ul li {
  line-height: var(--line-h-22);
  font-size: var(--font-16);
  color: var(--grey-color);
}
.degree-certificate-module a.read-more-link-text {
  display: none;
  cursor: pointer;
}
.degree-certificate-module .popup .certificate-card {
  position: relative;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  background: #fff;
  overflow: auto;
  max-height: 90%;
  border-radius: 10px;
  padding: 20px;
}
.certificate-slider .close-popup,
.degree-certificate-module .popup .certificate-info span.number-slide,
.degree-certificate-module .popup .text-with-read-more,
.degree-certificate-module .popup-fulltext-description,
.img-popup {
  display: none;
}
.degree-certificate-module .popup .popup-fulltext-description {
  display: block;
}
.degree-certificate-module .popup .certificate-card a.read-more-link-text {
  display: none !important;
  cursor: pointer;
}
.certificate-card .text-with-read-more {
  flex-grow: 1;
}
.degree-certificate-module .popup .close-popup {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  background-color: #000;
  border-radius: 50%;
  height: 35px;
  text-align: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.degree-certificate-module .popup .close-popup img {
  max-width: 17px;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
.degree-certificate-module .popup .certificate-card {
  border: none;
  box-shadow: none;
  height: auto;
}
.degree-certificate-module .certificate-card {
  height: 100%;
  position: relative;
}
.degree-certificate-module .popup .certificate-img {
  max-width: 100%;
  min-width: initial;
  width: auto;
  text-align: center;
  margin-bottom: 10px;
}
.degree-certificate-module .popup .certificate-info {
  padding: 0;
}
.img-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.img-popup img {
  max-width: 900px;
  opacity: 0;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
}
.close-btn {
  width: 35px;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 60px;
  right: 60px;
  cursor: pointer;
}
.close-btn .bar {
  height: 4px;
  background: #000;
}
.close-btn .bar:first-child {
  transform: rotate(45deg);
}
.close-btn .bar:nth-child(2) {
  transform: translateY(-4px) rotate(-45deg);
}
.opened img {
  animation: 1s ease-in-out 0.8s animatepopup;
  -webkit-animation: 0.3s ease-in-out forwards animatepopup;
}
.certificate-slider.owl-carousel .item {
  padding: 0 2px;
}
.certificate-info ul li {
  padding-left: 25px;
  padding-bottom: 10px;
  background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
}
@keyframes animatepopup {
  to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@media screen and (max-width: 880px) {
  .container .container__img-holder:nth-child(3n + 1) {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .degree-certificate-module {
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .certificate-card {
    display: block;
  }
  .certificate-info {
    padding: 15px 0 0;
  }
  .certificate-info span.number-slide {
    display: none;
  }
  .slider-wd1 {
    margin: 20px 0 0;
  }
  .degree-certificate-module .popup .certificate-card {
    max-width: 95%;
  }
}
.degree-certificate-module .popup .close-popup {
  position: sticky;
  left: 100%;
  margin-right: -10px;
}

.iframe-video-block *,
.iframe-video-block embed,
.iframe-video-block iframe,
.iframe-video-block img,
.iframe-video-block video {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .experience-module {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .experience-video {
    margin: 20px 0 0;
  }
  .experience-video img {
    width: 100%;
    display: block;
  }
  .experience-module br {
    display: none;
  }
  .experience-video .exp-vdo-btn {
    width: 40px;
  }
  .iframe-video-block {
    margin-top: 20px;
  }
}

.landing-page-smart-edu-video.video-related-mba-module .cmn-slider.owl-carousel .owl-item .item {padding: 40px 25px;height: 100%;}
/* .landing-page-smart-edu-video .owl-stage-outer {
   
} */
.landing-page-smart-edu-video .owl-carousel .owl-item .vdo-play-btn4 img, .landing-page-smart-edu-video .owl-carousel .owl-item .vdo-info-lt1 img {width: auto;}
.landing-page-smart-edu-video .video-slider-block {border-radius: 1rem;overflow: hidden;position: relative;background: #fff; height: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.landing-page-smart-edu-video .video-slider-block .video-img { position: relative;}
.landing-page-smart-edu-video .video-slider-btn {display: block;position: absolute;inset: 0;z-index: 3;cursor: pointer;}
/* .video-slider-block::before {content: "";position: absolute;display: block;inset: 0;background: #00000066;z-index: 1;} */
.landing-page-smart-edu-video .vdo-play-btn4 {display: block;margin: 0 auto;position: absolute;left: 0;right: 0;width: 60px;top: 50%;transform: translateY(-50%);}

.landing-page-smart-edu-video .video-info-content {color:#000;font-size:var(--font-16);line-height:var(--line-h-22);font-weight: 400;
padding:15px 15px 15px 15px; }

.landing-page-smart-edu-video .video-btm-info {display: flex; bottom: 0;left: 0;right: 0; padding:15px 0 0 0;  align-items: flex-start;
  
}
.video-btm-info .user_thumb {
    min-width: 75px;
    height: 75px;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #eee;
    border-radius: 50%;
    margin-right: 15px;
}
.landing-page-smart-edu-video .video-btm-info .arrow-up-bottom {
    min-width: 40px;
  margin-left: auto;
}
.video-btm-info .user-info .h5-class {
    font-weight: 700;
    margin: 0;
    padding: 0; font-size:16px;
}
.landing-page-smart-edu-video .video-info-content .description-content, .landing-page-smart-edu-video .video-info-content .description-content  p {
    font-size: 16px;
    line-height: 22px;
}
.landing-page-smart-edu-video {
    background: #000;
}
.video-btm-info .user-info p {
    margin: 0;
}
.video-btm-info .h5-class {display: block;color:#000;font-weight: 500;}
.vdo-btm-info-inner,.vdo-info-lt1 {display: flex;align-items: center;}
.vdo-info-lt1 img{margin-right: 10px;}
.vdo-info-lt1 {border-right: 1px solid #fff;padding-right: 12px;margin-right: 12px;}
.vdo-info-lt1:last-child {border: none;margin: 0;padding: 0;}
.modal-videopopup .modal-dialog {max-width: 900px;}
.modal-videopopup .modal-dialog .modal-content {background: #000;}
.modal-videopopup.modal.show .modal-dialog button.btn-close {float: right;}
.modal-videopopup.modal.show .modal-dialog button.btn-close {filter: brightness(0) invert(1);position: absolute;right: -35px;top: -20px;}
.modal-videopopup .oembed_container,.modal-videopopup .oembed_container .iframe_wrapper iframe {max-width: inherit !important;max-height: inherit !important;}

/* Owl Carousel CSS */
.owl-carousel .animated {
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-carousel .fadeOut1 {
  -webkit-animation-name: fadeOut1;
  animation-name: fadeOut1;
}
@-webkit-keyframes fadeOut1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  display: flex;
  align-items: inherit;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-nav .disabled {
  display: none !important;
}
.owl-nav > button {
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-family: Arial;
  font-size: 0px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 10px;
  display: block;
  outline: none !important;
  margin-top: -12px;
}
.owl-nav > button > span {
  display: none;
}

.video-related-mba-module .owl-nav > button.owl-next {
  right: -9px;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/next-red-arrow.png)
    no-repeat center center !important;
}
.video-related-mba-module .owl-nav > button.owl-prev {
  left: -9px;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/prev-red-arrow.png)
    no-repeat center center !important;
}
.owl-dots {
  align-items: center;
  bottom: -30px;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.owl-dots > button.owl-dot {
  background: #d9d9d9;
  border: medium none;
  border-radius: 50%;
  height: 12px;
  margin: 0 5px;
  outline: medium none !important;
  vertical-align: middle;
  width: 12px;
  cursor: pointer;
}
.owl-dots > button > span {
  display: none !important;
}
.owl-dots > button.owl-dot.active {
  background: #004990;
}
.owl-nav.disabled,
.owl-dots.disabled {
  display: none;
}

@media only screen and (max-width: 1349px) {
  .owl-nav > button.owl-prev {
    left: -10px;
  }
  .owl-nav > button.owl-next {
    right: -10px;
  }
}
/* Owl Carousel CSS */

@media only screen and (max-width: 991px) {
.video-related-mba-module{margin: 0px 0 0;}
.video-related-mba-module .cmn-slider.owl-carousel .owl-item .item {padding:30px;}
.modal-videopopup .modal-dialog {max-width: 90%;}
}

@media only screen and (max-width: 767px) {
.modal-videopopup.modal.show .modal-dialog button.btn-close {right: -11px;top: -11px;z-index: 9;}
.modal-videopopup .modal-dialog {margin-left: auto;margin-right: auto;}
.modal-videopopup .modal-body {padding: 0 10px;}
}

.video-related-mba-module .modal-body iframe {
    height: 350px !important;
}

.video-slider-block {
    transition: transform 0.3s ease-in-out;
}

.item:hover .video-slider-block {
    transform: scale(1.1); /* Increase the size by 10% */
    z-index: 2; /* Ensures the hovered video appears above others */
   /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Optional: Add shadow for emphasis */
}

.landing-page-smart-edu-video .owl-carousel .owl-item .quotes-icon img {
    width: auto;
    margin-bottom: 5px;
}
.landing-page-smart-edu-video h2 {
    color: #000;
    text-align: center;
    font-size: 32px; 
    font-weight: 700;
}

.landing-page-smart-edu-video .owl-carousel .owl-stage {    align-items: inherit !important; padding-top: 25px;  padding-bottom: 25px;}
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .item:hover .video-slider-block {
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);
}

.arrow-up-bottom img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.pp-cmn-slider.owl-carousel .item {
    padding: 0 20px 35px 25px; height:100%
}
.pp-cmn-slider.owl-carousel  .owl-stage { padding-bottom:0}
.description-content {
  overflow: hidden;
  line-height: 1.5em;            
  max-height: 90px;             
  min-height: 90px;           
}
.landing-page-smart-edu-video.landing-page-smart-edu-video {
    padding-top: 0 !important;
} 

.syllabus-stats {
  background: var(--white-color);
  box-shadow: 0 32px 68px 0 #550e8d14, 0 -12px 40px 0 #550e8d0a;
  border-radius: 0.875rem;
  padding: 20px 0;
  margin: 30px 0;
}
.syllabus-stats ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.syllabus-stats .syllabus-stats-box {
  border-right: 2px solid #f2f2f2;
  padding: 0 5%;
  display: flex;
  align-items: center;
  color: var(--dark-grey-color);
}
.syllabus-stats .syllabus-stats-box:last-child {
  border: none;
}
.syllabus-stats .syllabus-stats-box strong {
  font-size: 28px;
  padding-right: 10px;
  color: #e50913;
  font-weight: 700;
}
.syllabus-learn-module .owl-carousel .owl-item img {
  width: auto;
}
.syllabus-card {
  border-radius: 1rem;
  display: flex;
  background: var(--white-color);
  box-shadow: 0 0 10px rgba(36, 7, 70, 0.09);
  height: 100%;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}
.syllabus-learn-module .cmn-slider.owl-carousel .owl-item .item {
  padding: 15px 0;
  height: 100%;
}
.syllabus-top {
  padding: 20px;
  min-height: 188px;
  display: flex;
  flex-direction: column;
}
.syllabus-top ul li {
  display: flex;
  align-items: center;
  color: var(--dark-grey-color);
  font-size: var(--font-16);
  margin: 10px 0 0;
}
.syllabus-btm {
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.syllabus-btm ul.check-list {
  flex-grow: 1;
}
.syllabus-btm .check-list li {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
  color: var(--grey-color);
}
.syllabus-top ul li img {
  margin-right: 10px;
}
.syllabus-btm .hs-button.line-btn {
  font-weight: 700;
  margin-top: 20px;
}
.syllabus-learn-module.specialisations-module .syllabus-stats {
  display: flex;
  width: initial;
  max-width: 100%;
  flex-wrap: wrap;
}
.syllabus-learn-module.specialisations-module .syllabus-stats-box {
  padding: 0 20px;
  text-align: center;
  margin: 5px 0;
}
.syllabus-top h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 65px;
}
.syllabus-learn-module .close-popup {
  align-self: flex-start;
  display: none;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 18px;
  cursor: pointer;
}
.syllabus-learn-module .popup .close-popup,
.syllabus-learn-module
  .syllabus-stats-slider
  .popup
  .syllabus-btm
  ul.check-list
  li:nth-child(n + 4) {
  display: block;
}
.syllabus-learn-module .popup .syllabus-card {
  max-height: 90%;
  width: 450px;
  max-width: 95%;
  padding-bottom: 60px;
  height: auto;
}
.syllabus-learn-module button.next-item-btn-syllabus,
.syllabus-learn-module button.previous-item-btn-syllabus,
.syllabus-stats-slider .syllabus-btm ul.check-list li:nth-child(n + 4) {
  display: none;
}
.syllabus-learn-module .popup button.next-item-btn-syllabus,
.syllabus-learn-module button.previous-item-btn-syllabus {
  display: block;
  border: none;
  background: 0 0;
  font-size: 16px;
}
.next-previous-btn-row {
  position: absolute;
  border: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: #f4f4f4;
  bottom: 0;
  display: none;
  justify-content: space-between;
}
.syllabus-learn-module .popup .next-previous-btn-row {
  display: flex;
  align-items: center;
}
.slide-count {
  font-size: 14px;
}
.syllabus-learn-module .popup .viewmore-btn-syllabus {
  display: none !important;
}
.syllabus-learn-module .popup .syllabus-top {
  min-height: initial;
}
.popup .syllabus-top h4 {
  display: block;
  overflow: inherit;
  height: auto !important;
  padding-right: 25px;
}
.syllabus-slider .item {
  height: 100%;
}
.syllabus-stats-slider .owl-carousel .owl-item {
  padding-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
  .syllabus-stats ul li strong {
    font-size: 24px;
  }
  .syllabus-stats ul li {
    padding: 0 4%;
  }
  .syllabus-top h4 {
    height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .syllabus-learn-module {
    margin: 50px 0 0;
  }
  .syllabus-stats {
    margin: 25px 0;
  }
  .syllabus-stats ul li {
    padding: 0 3%;
    font-size: 15px;
  }
  .syllabus-stats ul li strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .syllabus-stats {
    padding: 15px 5px;
  }
  .syllabus-stats ul li {
    padding: 0;
    font-size: 12px;
    border: none;
    display: block;
  }
  .syllabus-stats ul li strong {
    display: block;
    padding: 0;
    text-align: center;
  }
  .syllabus-btm,
  .syllabus-top {
    padding: 15px;
  }
  .syllabus-top {
    padding: 20px;
    min-height: 115px;
  }
  .syllabus-top h4 {
    height: 46px;
  }
}

.enquirycominfomiddle {
  background: linear-gradient(180deg, #ee2c3c 0, #da202f);
  border: none;
  border-radius: 0.5rem;
  box-shadow: none !important;
  color: var(--white-color);
  cursor: pointer;
  font-size: var(--font-18);
  font-weight: 500;
  height: 2.75rem;
  line-height: 2.75rem;
  padding: 0 30px;
  position: relative;
  text-align: center;
  transition: 0.3s;
  display: inline-block;
}

.enquirycominfomiddle:hover {
  background: linear-gradient(180deg, #da202f 0, #ee2c3c);
  color: var(--white-color);
}
.syllabus-learn-module
  .syllabus-stats-slider
  .syllabus-top
  ul
  li
  .syllabus-list-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 71px;
}
.syllabus-learn-module .syllabus-stats-slider .syllabus-top ul li {
  align-items: flex-start;
}
.syllabus-learn-module .syllabus-stats-slider .syllabus-top ul li img {
  padding-top: 4px;
}

.syllabus-stats {
  background: var(--white-color);
  box-shadow: 0 32px 68px 0 #550e8d14, 0 -12px 40px 0 #550e8d0a;
  border-radius: 0.875rem;
  padding: 20px 0;
  margin: 30px 0;
}
.syllabus-stats .syllabus-stats-box {
  border-right: 2px solid #f2f2f2;
  padding: 0 5%;
  display: flex;
  align-items: center;
  color: var(--dark-grey-color);
}
.syllabus-stats .syllabus-stats-box:last-child {
  border: none;
}
.syllabus-stats .syllabus-stats-box strong {
  font-size: 28px;
  padding-right: 10px;
  color: #e50913;
  font-weight: 700;
}
.syllabus-learn-module .owl-carousel .owl-item img {
  width: auto;
}
.syllabus-card {
  border-radius: 1rem;
  display: flex;
  background: var(--white-color);
  box-shadow: 0 0 10px rgba(36, 7, 70, 0.09);
  height: 100%;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}
.specialisations-slider .item,
.syllabus-learn-module .cmn-slider.owl-carousel .owl-item .item,
.syllabus-slider .item {
  padding: 15px 0;
  height: 100%;
}
.syllabus-top {
  padding: 20px;
  min-height: 188px;
  display: flex;
  flex-direction: column;
}
.syllabus-top .syllabus-stats-box {
  display: flex;
  align-items: center;
  color: var(--dark-grey-color);
  font-size: var(--font-16);
  margin: 10px 0 0;
}
.syllabus-btm {
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.syllabus-btm ul.check-list {
  flex-grow: 1;
}
.syllabus-btm .check-list .syllabus-stats-box {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
  color: var(--grey-color);
}
.syllabus-top .syllabus-stats-box img {
  margin-right: 10px;
}
.syllabus-btm .hs-button.line-btn {
  font-weight: 700;
  margin-top: 20px;
}
.syllabus-learn-module.specialisations-module .syllabus-stats {
  display: flex;
  width: initial;
  max-width: 100%;
  flex-wrap: wrap;
}
.syllabus-learn-module.specialisations-module .syllabus-stats-box {
  padding: 0 20px;
  text-align: center;
  margin: 5px 0;
}
.syllabus-top h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 65px;
}
.syllabus-learn-module .close-popup {
  align-self: flex-start;
  display: none;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 18px;
  cursor: pointer;
}
.syllabus-learn-module .popup .close-popup,
.syllabus-learn-module
  .specialisations-stats-slider
  .popup
  .syllabus-btm
  ul.check-list
  li:nth-child(n + 4) {
  display: block;
}
.syllabus-learn-module .popup .syllabus-card {
  max-height: 90%;
  width: 450px;
  max-width: 95%;
  padding-bottom: 60px;
  height: auto;
}
.specialisations-stats-slider .syllabus-btm ul.check-list li:nth-child(n + 4),
.syllabus-learn-module button.next-item-btn-specialisations,
.syllabus-learn-module button.previous-item-btn-specialisations {
  display: none;
}
.syllabus-learn-module .popup button.next-item-btn-specialisations,
.syllabus-learn-module button.previous-item-btn-specialisations {
  display: block;
  border: none;
  background: 0 0;
  font-size: 16px;
}
.next-previous-btn-row {
  position: absolute;
  border: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: #f4f4f4;
  bottom: 0;
  display: none;
  justify-content: space-between;
}
.syllabus-learn-module .popup .next-previous-btn-row {
  display: flex;
  align-items: center;
}
.slide-count {
  font-size: 14px;
}
.syllabus-learn-module .popup .viewmore-btn-specialisations {
  display: none !important;
}
.syllabus-learn-module .popup .syllabus-top {
  min-height: initial;
}
.popup .syllabus-top h4 {
  display: block;
  overflow: inherit;
  height: auto !important;
  padding-right: 25px;
}
.specialisations-slider.owl-carousel .owl-stage-outer,
.syllabus-slider.owl-carousel .owl-stage-outer {
  margin: 0 -10px;
  padding: 0 10px;
}
.syllabus-stats-slider .owl-carousel .owl-item {
  padding-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
  .syllabus-stats.syllabus-stats-box strong {
    font-size: 24px;
  }
  .syllabus-stats .syllabus-stats-box {
    padding: 0 4%;
  }
  .syllabus-top h4 {
    height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .syllabus-learn-module {
    margin: 50px 0 0;
  }
  .syllabus-stats {
    margin: 25px 0;
  }
  .syllabus-stats .syllabus-stats-box {
    padding: 0 3%;
    font-size: 15px;
  }
  .syllabus-stats .syllabus-stats-box strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .syllabus-stats {
    padding: 15px 5px;
  }
  .syllabus-stats.syllabus-stats-box {
    padding: 0;
    font-size: 12px;
    border: none;
    display: block;
  }
  .syllabus-stats .syllabus-stats-box strong {
    display: block;
    text-align: left;
    min-width: 44px;
    padding: 0;
  }
  .syllabus-btm,
  .syllabus-top {
    padding: 15px;
  }
  .syllabus-top {
    padding: 20px;
    min-height: 115px;
  }
  .syllabus-top h4 {
    height: 46px;
  }
  .syllabus-learn-module.specialisations-module .syllabus-stats-box {
    margin: 0;
    padding: 0 10px;
    text-align: center;
    width: 100%;
    border: none;
  }
}

.vdo-block a,
.vdo-block6 a {
  cursor: pointer;
}
.skill-tab .accordion-body ul li,
.skill-tab .tab-content .tab-pane p {
  color: var(--dark-grey-color);
  font-size: var(--font-18);
  line-height: var(--line-h-24);
}
.upgrad-support-module {
  position: relative;
}
.upgrad-support-module::before {
  content: "";
  display: block;
  background: linear-gradient(
    94.65deg,
    #ee2c3c 14.81%,
    #c5135d 65.22%,
    #6a11b0 100.05%
  );
  width: 20%;
  height: 100%;
  position: absolute;
  left: 0;
  margin: 0 auto;
  top: 0;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.support-main-tab > .nav-tabs {
  border-bottom: 2px solid #f2f2f2;
}
.support-main-tab > .nav-tabs > .nav-item > .skills-nav-link {
  margin: 0 40px 0 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 10px 0;
  color: var(--grey-color);
  position: relative;
  font-weight: 600;
}
.support-main-tab > .nav-tabs > .nav-item > .skills-nav-link.active {
  color: var(--black-color);
  background-color: transparent;
  border: none;
}
.support-main-tab > .nav-tabs > .nav-item > .skills-nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--red-color);
  opacity: 0;
}
.support-main-tab > .nav-tabs > .nav-item > .skills-nav-link.active::before {
  opacity: 1;
}
.support-main-tab > .tab-content.support-content {
  padding: 15px 0 0;
}
.skill-tab {
  padding: 30px 0 0;
  display: flex;
  align-items: flex-start;
}
.skill-tab .nav {
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  margin-right: 50px;
  border: none;
  border-radius: 0;
}
.skill-tab .tab-content.accordion {
  flex: auto;
}
.skill-tab .nav .nav-item {
  width: 100%;
  display: block;
}
.skill-tab .nav .nav-item .skills-nav-link {
  background: 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 10px 0 10px 20px;
  text-align: left;
  min-height: 60px;
  line-height: normal;
  font-size: var(--font-20);
  color: var(--grey-color);
  font-weight: 700;
  margin: 0 0 20px;
  display: block;
  width: 100%;
  outline: 0 !important;
}
.skill-tab .nav .nav-item .skills-nav-link.active {
  color: #000;
  background-color: var(--white-color);
  border-color: var(--white-color);
  box-shadow: 0 0 30px 0 rgb(85 14 141 / 8%), 0 0 30px 0 rgb(85 14 141 / 1%);
}
.skill-tab .tab-content .tab-pane {
  border: none;
  padding: 0;
  background: 0 0;
}
.skill-tab .tab-content .tab-pane .accordion-body {
  padding: 0;
}
.vdo-block6 {
  max-width: 700px;
  width: 100%;
  margin: 25px 0 0;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.vdo-block6::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #0b0b2e99;
}
.vdo-block6 a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.vdo-play-btn6 {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60px;
  top: 50%;
  transform: translateY(-50%);
}
.vdo-info6 {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 25px;
  right: 25px;
  align-items: center;
  justify-content: space-between;
  color: var(--white-color);
  font-size: var(--font-18);
}
.info-rt6 {
  font-size: var(--font-16);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.info-rt6 img {
  margin-right: 6px;
}
.vdo-block6 > img {
  width: 100%;
}
.modal-videopopup .modal-dialog {
  max-width: 900px;
}
.modal-videopopup .modal-dialog .modal-content {
  background: #000;
}
.modal-videopopup.modal.show .modal-dialog button.btn-close {
  filter: brightness(0) invert(1);
  position: absolute;
  right: -35px;
  top: -20px;
  float: right;
}
.modal-videopopup .oembed_container,
.modal-videopopup .oembed_container .iframe_wrapper iframe {
  max-width: inherit !important;
  max-height: inherit !important;
}
.skill-tab .accordion-body ul li {
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .skill-tab .accordion-body ul li {
    background-position: left 3px;
  }
}
@media only screen and (max-width: 991px) {
  .upgrad-support-module {
    /* margin: 50px 0 0; */
  }
  .support-main-tab > .nav-tabs > .nav-item > .skills-nav-link {
    margin: 0 20px 0 0;
  }
  .skill-tab {
    padding: 15px 0 0;
    display: block;
  }
  .skill-tab .tab-content > .tab-pane {
    /* display: block; */
    opacity: 1;
    background: 0 0;
    margin: 0 0 12px;
  }
  .skill-tab .accordion-button {
    padding: 10px 15px;
    font-size: var(--font-18);
    color: var(--grey-color);
    background-color: transparent;
    height: auto;
    line-height: normal;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.625rem !important;
    border: 1px solid #e6e6e6;
  }
  .skill-tab .tab-content .tab-pane .accordion-body {
    padding: 15px;
    margin: 0;
    position: relative;
  }
  .skill-tab .accordion-button[aria-expanded="true"] {
    border-color: var(--white-color);
    border-radius: 0.625rem 0.625rem 0 0 !important;
    background: var(--white-color);
    box-shadow: 0 0 10px #550e8d14;
    color: #000;
  }
  .skill-tab .tab-content .tab-pane .show .accordion-body {
    background: var(--white-color);
    box-shadow: 0 10px 40px #550e8d14;
    border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .skill-tab .tab-content .tab-pane .show .accordion-body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #e6e6e6;
  }
  .skill-tab .tab-content .tab-pane p {
    font-size: var(--font-16);
    line-height: var(--line-h-20);
  }
  .vdo-play-btn6 {
    width: 40px;
  }
  .vdo-info6 {
    bottom: 12px;
    left: 12px;
    right: 12px;
    font-size: var(--font-16);
  }
  .modal-backdrop.fade.show,
  .upgrad-support-module::before {
    display: none;
  }
  .modal-videopopup .modal-dialog {
    max-width: 90%;
  }
  .modal {
    background: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 767px) {
  .skill-tab .accordion-body ul li {
    background-position: left 2px;
    background-size: 14px auto;
    font-size: var(--font-16);
    line-height: var(--line-h-20);
    padding: 0 0 0 20px;
  }
  .modal-videopopup.modal.show .modal-dialog button.btn-close {
    right: -11px;
    top: -11px;
    z-index: 9;
  }
  .modal-videopopup .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
  .modal-videopopup .modal-body {
    padding: 0 10px;
  }
}
.skill-tab .nav .nav-item .skills-nav-link {
  padding: 19px 0 10px 20px !important;
}
.vdo-block a,
.vdo-block6 a {
  cursor: pointer;
}
.support-tab .accordion-body ul li,
.support-tab .tab-content .tab-pane p {
  color: var(--dark-grey-color);
  font-size: var(--font-18);
  line-height: var(--line-h-24);
}
.upgrad-support-module {
  position: relative;
}
.upgrad-support-module::before {
  content: "";
  display: block;
  background: linear-gradient(
    94.65deg,
    #ee2c3c 14.81%,
    #c5135d 65.22%,
    #6a11b0 100.05%
  );
  width: 20%;
  height: 100%;
  position: absolute;
  left: 0;
  margin: 0 auto;
  top: 0;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.support-main-tab > .nav-tabs {
  border-bottom: 2px solid #f2f2f2;
}
.support-main-tab > .nav-tabs > .nav-item > .nav-link-during-support-new {
  margin: 0 40px 0 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 10px 0;
  color: var(--grey-color);
  position: relative;
  font-weight: 600;
}
.support-main-tab
  > .nav-tabs
  > .nav-item
  > .nav-link-during-support-new.active {
  color: var(--black-color);
  background-color: transparent;
  border: none;
}
.support-main-tab
  > .nav-tabs
  > .nav-item
  > .nav-link-during-support-new::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--red-color);
  opacity: 0;
}
.support-main-tab
  > .nav-tabs
  > .nav-item
  > .nav-link-during-support-new.active::before {
  opacity: 1;
}
.support-main-tab > .tab-content.support-new-content {
  padding: 15px 0 0;
}
.support-tab {
  padding: 30px 0 0;
  display: flex;
  align-items: flex-start;
}
.support-tab .nav {
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  margin-right: 50px;
  border: none;
  border-radius: 0;
}
.support-tab .tab-content.accordion {
  flex: auto;
}
.support-tab .nav .nav-item {
  width: 100%;
  display: block;
}
.support-tab .nav .nav-item .nav-link-during-support-new {
  background: 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 10px 0 10px 20px;
  text-align: left;
  min-height: 60px;
  line-height: normal;
  font-size: var(--font-20);
  color: var(--grey-color);
  font-weight: 700;
  margin: 0 0 20px;
  display: block;
  width: 100%;
  outline: 0 !important;
}
.support-tab .nav .nav-item .nav-link-during-support-new.active {
  color: #000;
  background-color: var(--white-color);
  border-color: var(--white-color);
  box-shadow: 0 0 30px 0 rgb(85 14 141 / 8%), 0 0 30px 0 rgb(85 14 141 / 1%);
}
.support-tab .tab-content .tab-pane {
  border: none;
  padding: 0;
  background: 0 0;
}
.support-tab .tab-content .tab-pane .accordion-body {
  padding: 0;
}
.vdo-block6 {
  max-width: 700px;
  width: 100%;
  margin: 25px 0 0;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.vdo-block6::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #0b0b2e99;
}
.vdo-block6 a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.vdo-play-btn6 {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60px;
  top: 50%;
  transform: translateY(-50%);
}
.vdo-info6 {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 25px;
  right: 25px;
  align-items: center;
  justify-content: space-between;
  color: var(--white-color);
  font-size: var(--font-18);
}
.info-rt6 {
  font-size: var(--font-16);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.info-rt6 img {
  margin-right: 6px;
}
.vdo-block6 > img {
  width: 100%;
}
.modal-videopopup .modal-dialog {
  max-width: 900px;
}
.modal-videopopup .modal-dialog .modal-content {
  background: #000;
}
.modal-videopopup.modal.show .modal-dialog button.btn-close {
  filter: brightness(0) invert(1);
  position: absolute;
  right: -35px;
  top: -20px;
  float: right;
}
.modal-videopopup .oembed_container,
.modal-videopopup .oembed_container .iframe_wrapper iframe {
  max-width: inherit !important;
  max-height: inherit !important;
}
.support-tab .accordion-body ul li {
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .support-tab .accordion-body ul li {
    background-position: left 3px;
  }
}
@media only screen and (max-width: 991px) {
  .upgrad-support-module {
   /* margin: 50px 0 0; */
  }
  .support-main-tab > .nav-tabs > .nav-item > .nav-link-during-support-new {
    margin: 0 20px 0 0;
  }
  .support-tab {
    padding: 15px 0 0;
    display: block;
  }
  .support-tab .tab-content > .tab-pane {
    /* display: block; */
    opacity: 1;
    background: 0 0;
    margin: 0 0 12px;
  }
  .support-tab .accordion-button {
    padding: 10px 15px;
    font-size: var(--font-18);
    color: var(--grey-color);
    background-color: transparent;
    height: auto;
    line-height: normal;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.625rem !important;
    border: 1px solid #e6e6e6;
  }
  .support-tab .tab-content .tab-pane .accordion-body {
    padding: 15px;
    margin: 0;
    position: relative;
  }
  .support-tab .accordion-button[aria-expanded="true"] {
    border-color: var(--white-color);
    border-radius: 0.625rem 0.625rem 0 0 !important;
    background: var(--white-color);
    box-shadow: 0 0 10px #550e8d14;
    color: #000;
  }
  .support-tab .tab-content .tab-pane .show .accordion-body {
    background: var(--white-color);
    box-shadow: 0 10px 40px #550e8d14;
    border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .support-tab .tab-content .tab-pane .show .accordion-body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #e6e6e6;
  }
  .support-tab .tab-content .tab-pane p {
    font-size: var(--font-16);
    line-height: var(--line-h-20);
  }
  .vdo-play-btn6 {
    width: 40px;
  }
  .vdo-info6 {
    bottom: 12px;
    left: 12px;
    right: 12px;
    font-size: var(--font-16);
  }
  .modal-backdrop.fade.show,
  .upgrad-support-module::before {
    display: none;
  }
  .modal-videopopup .modal-dialog {
    max-width: 90%;
  }
  .modal {
    background: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 767px) {
  .support-tab .accordion-body ul li {
    background-position: left 2px;
    background-size: 14px auto;
    font-size: var(--font-16);
    line-height: var(--line-h-20);
    padding: 0 0 0 20px;
  }
  .modal-videopopup.modal.show .modal-dialog button.btn-close {
    right: -11px;
    top: -11px;
    z-index: 9;
  }
  .modal-videopopup .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
  .modal-videopopup .modal-body {
    padding: 0 10px;
  }
}

.support-tab .nav .nav-item .nav-link-during-support-new {
  padding: 19px 0 10px 20px !important;
}

.supprt-cta {
  text-align: center;
  margin-top: 20px;
}

.ins-card-btm ul li,
.ins-card-btm ul li p,
.instructors-info {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
}
.instructors-industry-module {
  position: relative;
}
.instructors-industry-module::before {
  content: "";
  display: block; /*background:linear-gradient(94.65deg,#ee2c3c 14.81%,#c5135d 65.22%,#6a11b0 100.05%);*/
  width: 25%;
  height: 100%;
  position: absolute;
  right: 0;
  margin: 0 auto;
  top: -30%;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.instructors-stats ul {
  display: flex;
}
.instructors-stats ul li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 20px 50px 35px 0;
}
.instructors-icon {
  width: 56px;
  height: 56px;
  background: #fcf1f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  max-width: 56px; margin-right: 15px;
}
.instructors-info {
  flex: auto;
  padding: 0 0 0 0;
}

.instructors-info strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: var(--black-color);
}
.instructors-industry-module .nav-tabs {
  border-bottom: 2px solid #f2f2f2;
}
.instructors-industry-module .nav-tabs .nav-link {
  margin: 0 40px 0 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 10px 0;
  color: var(--grey-color);
  position: relative;
  font-weight: 600;
}
.instructors-industry-module .nav-tabs .nav-link.active {
  color: var(--black-color);
  background-color: transparent;
  border: none;
}
.instructors-industry-module .nav-tabs .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: #e50913;
  opacity: 0;
}
.instructors-industry-module .nav-tabs .nav-link.active::before {
  opacity: 1;
}
.instructors-industry-module .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}
.instructors-industry-module .tab-content {
  padding: 40px 0 0;
}
.instructors-card {
  background: var(--white-color);
  border: 1px solid #e6e6e6;
  border-radius: 1.25rem;
  padding: 20px;
  box-shadow: 0 6px 0 #f2f2f2;
  height: 100%;
}
.profile-link2 {
  display: inline-flex;
  align-items: center;
  line-height: var(--line-h-24);
  font-size: var(--font-18);
  text-decoration: underline;
  color: #00f;
}
.profile-link2 img {
  margin-left: 8px;
}
.profile-link2.quora-link2 {
  color: #b92b27;
}
.ins-card-top {
  display: flex;
  align-items: top;
}
.ins-card-img {
  width: 64px;
  min-width: 64px;
  max-width: 64px;
}
.ins-card-img img,
.instructors-industry-module .owl-carousel .owl-item .ins-card-img img {
  border-radius: 50%;
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
  object-position: top;
}
.ins-card-info {
  padding-left: 12px;
}
.ins-card-info h5 {
  margin: 0 0 5px;
}
.ins-card-btm {
  border-top: 1px solid #f2f2f2;
  padding: 20px 0 0;
  margin: 20px 0 0;
}
.ins-card-btm ul li {
  color: var(--dark-grey-color);
  position: relative;
  padding-left: 25px;
  margin: 0 0 10px;
}
.ins-card-btm ul li img {
  position: absolute;
  left: 0;
  top: 3px;
}
.ins-card-btm ul li p {
  color: var(--dark-grey-color);
  margin: 0;
  padding: 0 0 5px;
}
.ins-card-btm ul {
  min-height: 109px;
}
.instructors-card-slider .owl-carousel .owl-item .item {
  height: 100%;
  /*padding: 0 2px 10px;*/
}
.instructors-card-slider .close-popup,
.instructors-industry-module .instructors-industry-module a.read-more-link-text,
.instructors-industry-module .popup .text-with-read-more,
.instructors-industry-module .popup-fulltext-description {
  display: none;
}
.instructors-industry-module .popup .instructors-box {
  position: relative;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  background: #fff;
  overflow: auto;
  max-height: 90%;
  border-radius: 10px;
  padding: 20px;
}
.instructors-industry-module .popup .popup-fulltext-description {
  display: block;
}
.instructors-industry-module .popup .instructors-card a.read-more-link-text {
  display: none !important;
}
.instructors-card p.text-with-read-more {
  flex-grow: 1;
}
.instructors-industry-module .popup .close-popup {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  background-color: #000;
  border-radius: 50%;
  height: 35px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.instructors-industry-module .popup .close-popup img {
  max-width: 17px;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
.instructors-industry-module .popup .instructors-card {
  border: none;
  box-shadow: none;
}
.instructors-industry-module .popup .instructors-box {
  height: auto;
}
.instructors-industry-module .instructors-box {
  height: 100%;
  position: relative;
}
.ins-card-logo img,
.instructors-industry-module .owl-carousel .owl-item .ins-card-logo img {
  height: 26px !important;
  width: auto;
}
.instructors-industry-module .popup .close-popup,
.read-more-link-text {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .instructors-industry-module::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .instructors-stats ul li {
    margin: 8px 30px 8px 0;
  }
  .instructors-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    max-width: 42px;
    padding: 13px;
  }
  .instructors-info {
    padding: 0 0 0 10px;
    font-size: var(--font-14);
    line-height: var(--line-h-18);
  }
  .instructors-info strong {
    font-size: var(--font-18);
    line-height: var(--line-h-22);
  }
  .instructors-industry-module .nav-tabs .nav-link {
    margin: 0 20px 0 0;
  }
  .instructors-industry-module .tab-content {
    padding: 20px 0 0;
  }
  .ins-card-logo {
    width: 100px;
  }
  .instructors-card {
    padding: 15px;
  }
  .ins-card-btm {
    padding: 15px 0 0;
    margin: 15px 0 0;
  }
  .popup .instructors-card {
    padding: 0;
  }
  .instructors-industry-module .popup .instructors-box {
    max-width: 95%;
  }
}

.text-para {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 700;
  color: #000;
}

a.profile-link2,
a.profile-link2:hover {
  color: #0a66c2 !important;
  text-decoration: underline !important;
}

.instructors-industry-module .instructors-slider .ins-card-info h3 {
  min-height: 67px;
}

.chart-indicator .pie-chart .pie-chart-list label,
.ind-card-top .ind-lt {
  color: var(--dark-grey-color);
}
.class-profile-module {
  position: relative;
}
.class-profile-module .nav-tabs {
  border-bottom: 2px solid #f2f2f2;
}
.class-profile-module .nav-tabs .nav-item .nav-link {
  margin: 0 40px 0 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 10px 0;
  color: var(--grey-color);
  position: relative;
  font-weight: 600;
}
.class-profile-module .nav-tabs .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--red-color);
  opacity: 0;
}
.class-profile-module .nav-tabs .nav-item .nav-link.active {
  color: var(--black-color);
  background-color: transparent;
  border: none;
}
.class-profile-module .nav-tabs .nav-item .nav-link.active::before {
  opacity: 1;
}
.class-profile-module .tab-content {
  padding: 50px 0 0;
  position: relative;
}
.class-profile-module .tab-content .row .col-md-8 {
  width: 62%;
}
.class-profile-module .tab-content .row .col-md-4 {
  width: 38%;
}
.industry-chart-card,
.work-exp-chart-card {
  background-color: var(--white-color);
  padding: 30px;
  border-radius: 1.25rem;
  box-shadow: 0 0 10px rgb(85 14 141 / 3%);
  position: relative;
}
.industry-chart-card h6,
.work-exp-chart-card h6 {
  color: var(--grey-color);
}
.ind-loop-card {
  margin: 31px 0 0;
}
.ind-card-top {
  font-size: var(--font-18);
  line-height: var(--line-h-24);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--black-color);
  font-weight: 700;
}
.ind-card-top .ind-lt {
  font-weight: 600;
}
.ind-card-btm .progress {
  height: 8px;
  background-color: #f4e5ff;
  margin: 10px 0 0;
}
.ind-card-btm .progress .progress-bar {
  background-color: #e50913;
}
.chart-indicator .pie-chart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.chart-indicator .pie-chart .pie-chart-list {
  align-items: center;
  display: flex;
  font-size: var(--font-16);
  gap: 5px;
  margin: 10px 0 0;
  position: relative;
  min-width: 49%;
}
.class-profile-module .tab-content::before,
.industry-chart-card::before,
.work-exp-chart-card::before {
  content: "";
  display: block; /*background:linear-gradient(94.65deg,#ee2c3c 14.81%,#c5135d 65.22%,#6a11b0 100.05%);*/
  opacity: 0.07;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.chart-indicator .pie-chart .pie-chart-list span {
  background: #eee;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 16px;
  height: 16px;
  margin-top: 0;
  width: 16px;
}
.chart-indicator .pie-chart .pie-chart-list strong {
  font-weight: 700;
  color: var(--black-color);
}
.chart-box canvas {
  width: 63% !important;
  height: 100% !important;
  min-width: 63% !important;
  max-width: 63% !important;
}
.chart-indicator input {
  height: 0;
  opacity: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.pink-clr {
  background-color: #f72585;
}
.light-blue-clr {
  background-color: #4cbff0;
}
.blue-clr {
  background-color: #345cea;
}
.dark-blue-clr {
  background-color: #3a02ba;
}
.purple-clr {
  background-color: #8104d3;
}
.class-profile-module .tab-content::before {
  width: 400px;
  height: 550px;
  position: absolute;
  right: 22%;
  top: 0;
}
.work-exp-chart-card::before {
  width: 280px;
  height: 280px;
  position: absolute;
  right: -70px;
  top: -100px;
}
.industry-chart-card::before {
  width: 400px;
  height: 450px;
  position: absolute;
  left: -70px;
  top: 0;
}
@media only screen and (max-width: 1400px) {
  .work-exp-chart-card::before {
    right: -15px;
  }
  .industry-chart-card::before {
    left: -15px;
  }
}
@media only screen and (max-width: 1199px) {
  .industry-chart-card,
  .work-exp-chart-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .class-profile-module {
    margin: 50px 0 0;
  }
  .chart-indicator .pie-chart .pie-chart-list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .class-profile-module .tab-content .row .col-md-4,
  .class-profile-module .tab-content .row .col-md-8 {
    width: 100%;
  }
  .class-profile-module .tab-content {
    padding: 25px 0 0;
  }
  .class-profile-module .nav-tabs .nav-item .nav-link {
    margin: 0 20px 0 0;
  }
  .class-profile-module .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 0 2px;
  }
  .class-profile-module .nav-tabs li.nav-item {
    width: auto;
    flex: 0 0 auto;
  }
  .work-exp-chart-card {
    margin: 25px 0 0;
  }
  .chart-outer,
  .ind-loop-card {
    margin: 15px 0 0;
  }
  .class-profile-module .tab-content::before,
  .industry-chart-card::before,
  .work-exp-chart-card::before {
    width: 200px;
    height: 200px;
  }
  .industry-chart-card,
  .work-exp-chart-card {
    padding: 15px;
  }
  .ind-card-top {
    font-size: var(--font-14);
    line-height: var(--line-h-18);
  }
  .chart-outer {
    display: flex;
  }
  .chart-box {
    width: 45%;
    padding-right: 15px;
  }
  .chart-indicator {
    width: 55%;
  }
  .chart-box canvas {
    width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .chart-indicator .pie-chart .pie-chart-list {
    margin: 10px 0 0;
    font-size: var(--font-16);
    line-height: var(--line-h-20);
  }
  .industry-chart-card::before {
    top: -40px;
  }
  .work-exp-chart-card::before {
    right: 0;
    top: auto;
    bottom: -75px;
    left: 0;
    margin: 0 auto;
  }
  .class-profile-module .tab-content::before {
    right: -15px;
    top: 44%;
  }
}
/* CWV Fees */
.pricing-module-new {
  background: #000;
  color: #fff;
  padding: 50px 0;
  position: relative;
}
.pricing-module-new h2,
.pricing-module-new h3 {
  color: #fff;
}
.pricing-module-new:before {
  background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/signaturemarkforwebsite.png)
    center center no-repeat;
  content: "";
  height: 207px;
  position: absolute;
  right: 5%;
  top: 0;
  width: 233px;
}
@media only screen and (max-width: 767px) {
  .pricing-module-new {
    text-align: center;
  }
  .pricing-module-new .row .col-md-4 {
    padding-bottom: 20px;
  }
  .pricing-module-new:before {
    background-size: cover;
    height: 110px;
    right: 0;
    width: 100px;
  }
}
.ug-program-pricing-wrapper.ug-full-container {
  padding-left: max(10%, (100% - 1140px)/2);
  padding-right: max(10%, (100% - 1140px)/2);
}
.ug-program-pricing-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: {
  }
}
.ug-program-pricing-wrapper .ug-program-price-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: none;
  margin-bottom: 12px;
  margin-top: -20px;
}
.ug-program-pricing-wrapper .ug-program-price {
  line-height: 130%;
  font-weight: 400;
}

.price-cta .btn-animation.hs-button {
  width: 230px;
  background: linear-gradient(to bottom, #ee2c3c 0, #da202f 100%);
  border: none;
  color: var(--white-color);
  font-weight: 500;
  padding: 0 30px;
  font-size: var(--font-18);
  height: 2.75rem;
  line-height: 2.75rem;
  border-radius: 0.5rem;
  box-shadow: none !important;
  text-align: center;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
}

.price-cta .move-img {
  position: absolute;
  left: 0;
  top: 0;
  animation: moveLeftRight3 2s linear infinite;
}

@keyframes moveLeftRight3 {
  0% {
    left: 0;
  }
  100% {
    left: 80%; /* 100px container width - 20px image width */
  }
}

/*  CWV Fees */
.ug-about-the-program-items {display: flex;margin: 30px 0 0;}
.ug-prg-icon {min-width: 48px;width: 48px;max-width: 48px;margin-right: 20px;margin-top: 7px;}
.ug-prg-info {flex: auto;}
.ug-prg-info, .ug-prg-info p {font-size: var(--font-16);line-height: var(--line-h-22);}
.ug-prg-info h4 {margin: 0 0 10px;}

.scholarship-stats::after,
.scholarship-stats::before {
  content: "";
  position: absolute;
  bottom: -1px;
  border-radius: 1.5rem;
}
.scholarship-card p,
.scholarship-info p {
  color: var(--dark-grey-color);
}
.scholar-ship-module {
  /* margin: 0 0 100px; */
}
.scholarship-stats {
  border-radius: 1.5rem;
  padding: 25px 20px;
  position: relative;
  background-color: var(--white-color);
  margin: 30px 0;
  font-weight: 700;
}
.scholarship-stats::before {
  background: linear-gradient(
    94.65deg,
    #fbccd0 12.21%,
    #f1c6d8 64.7%,
    #dbc6ec 100.05%
  );
  left: -1px;
  right: -1px;
  top: -1px;
  display: block;
  z-index: -1;
}
.scholarship-stats::after {
  box-shadow: 0 6px 0 #f8e3ec;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
}
.scholarship-stats ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: center;
}
.scholarship-stats ul li {
  width: 25%;
  border-left: 1px solid #ecebeb;
}
.scholarship-card::after,
.scholarship-card::before {
  content: "";
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.scholarship-stats ul li:first-child {
  border: none;
}
.scholarship-stats ul li strong {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
}
.scholarship-card p,
.scholarship-stats ul li p {
  line-height: var(--line-h-22);
  font-size: var(--font-16);
}
.scholarship-card {
  background: var(--white-color);
  box-shadow: 0 0 10px rgba(36, 7, 70, 0.09);
  border-radius: 1.25rem;
  margin: 30px 0;
  padding: 25px;
  position: relative;
  min-height: 190px;
  height: calc(100% - 150px);
}
.scholarship-card::before {
  left: 56px;
  border-width: 13px;
  border-color: #fff transparent transparent;
  z-index: 1;
}
.scholarship-card::after {
  left: 55px;
  border-width: 14px;
  border-color: #ede9e9 transparent transparent;
}
.scholarship-info-block {
  display: flex;
  align-items: center;
  padding: 0 0 15px 25px;
}
.scholarship-img {
  position: relative;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}
.scholarship-info {
  flex: auto;
  padding: 0 0 0 13px;
}
.scholarship-info h5 {
  margin: 0;
}
.scholarship-info p {
  line-height: var(--line-h-18);
  font-size: var(--font-14);
}
.scholar-ship-module .owl-nav > button {
  top: 37%;
}
.scholarship-slider.owl-carousel .owl-stage-outer {
  padding: 0 10px;
  margin: 0 -10px;
}
.scholarship-slider.owl-carousel .owl-stage {
  display: flex;
}
.scholarship-slider.owl-carousel .owl-item .item {
  height: 100%;
  padding: 0 0 12px;
}
@media only screen and (max-width: 1199px) {
  .scholarship-stats ul li {
    padding: 0 5px;
  }
  .scholarship-card {
    min-height: 175px;
  }
}
@media only screen and (max-width: 991px) {
  .scholar-ship-module {
    margin: 0 0 50px;
  }
  .scholarship-stats ul li p {
    font-size: var(--font-18);
  }
  .scholarship-stats ul li strong {
    line-height: 3rem;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .scholarship-stats,
  .scholarship-stats::after,
  .scholarship-stats::before {
    border-radius: 1rem;
  }
  .scholarship-stats {
    padding: 15px 5px;
    margin: 1px;
  }
  .scholarship-stats ul li strong {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .scholarship-stats ul li p {
    font-size: var(--font-14);
    line-height: var(--line-h-16);
    padding: 0 5px;
  }
  .scholarship-stats ul li {
    width: 50%;
    margin: 10px 0;
  }
  .scholarship-stats ul li:nth-of-type(3) {
    border-color: #fff;
  }
}

/* How to Apply With Variation Translated CWV */
.how-to-apply-module::after,
.how-to-apply-module::before {
  display: block;
  background: linear-gradient(94.65deg, #ee2c3c 14.81%, #c5135d 65.22%, #6a11b0 100.05%);
  width: 25%;
  opacity: 0.08;
  z-index: -1;
  filter: blur(50px);
  border-radius: 50%;
  content: "";
  position: absolute;
  margin: 0 auto;
}

.how-to-apply-module {
  position: relative;
}

.how-to-apply-module::before {
  height: 400px;
  left: 0;
  bottom: 0;
}

.how-to-apply-module::after {
  height: 472px;
  right: 0;
  bottom: 7%;
}

.apply-block,
.apply-icon,
.apply-slider.owl-carousel .owl-item,
.apply-slider.owl-carousel .owl-stage {
  display: flex;
}

.apply-block {
  padding: 15px 0 40px;
  align-items: center;
  font-size: var(--font-16); /* Assuming --font-16 is a CSS variable */
}

.apply-icon {
  width: 56px;
  height: 56px;
  background: #fcf1f5;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  max-width: 56px;
}

.apply-info {
  padding-left: 20px;
}

.apply-info h4 {
  margin: 0;
}

.apply-slider.owl-carousel .owl-item img {
  width: 60px;
}

.apply-slider.owl-carousel {
  background: var(--white-color); /* Assuming --white-color is a CSS variable */
  border-radius: 1.25rem;
  box-shadow: 0 0 15px rgba(36, 7, 70, 0.03);
  padding: 30px 60px;
}

.apply-card-block,
.apply-slider.owl-carousel .owl-item .item {
  height: 100%;
}

.apply-slider.owl-carousel .owl-item .item {
  padding: 2px;
  position: relative;
}

.apply-slider.owl-carousel .owl-item .item::before {
  content: "";
  display: block;
  width: 50px;
  height: 12px;
  position: absolute;
  left: 110%;
  top: 45%;
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/img15.png) right center no-repeat;
}

.apply-card-block p {
  line-height: var(--line-h-22); /* Assuming --line-h-22 is a CSS variable */
  font-size: var(--font-16); /* Assuming --font-16 is a CSS variable */
}

.apply-card-block h5 {
  margin: 20px 0 5px;
}

.apply-slider.owl-carousel .owl-nav>button.owl-prev {
  left: 30px;
}

.apply-slider.owl-carousel .owl-nav>button.owl-next {
  right: 30px;
}

.how-to-apply-module .popup .apply-card-block {
  position: relative;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  background: #fff;
  overflow: auto;
  height: auto;
  max-height: 90%;
  border-radius: 10px;
  padding: 20px;
}

.apply-card-block .close-popup,
.how-to-apply-module .popup .text-with-read-more,
.how-to-apply-module .popup-fulltext-description {
  display: none;
}

.how-to-apply-module .popup .popup-fulltext-description {
  display: block;
}

.how-to-apply-module .popup .apply-card-block a.read-more-link-text {
  display: none !important;
  cursor: pointer;
}

.apply-card-block .text-with-read-more {
  flex-grow: 1;
  margin-bottom: 5px;
}

.how-to-apply-module .popup .close-popup {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  background-color: #000;
  border-radius: 50%;
  height: 35px;
  text-align: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.how-to-apply-module .popup .close-popup img {
  max-width: 17px;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px; 
}

.how-to-apply-module a.read-more-link-text {
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .how-to-apply-module {
   /* margin: 50px 0 0; */
  }

  .how-to-apply-module::after,
  .how-to-apply-module::before {
    display: none;
  }

  .apply-slider.owl-carousel {
    box-shadow: 0 0 15px rgba(36, 7, 70, 0.1);
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .apply-slider.owl-carousel .owl-item .item::before {
    display: none;
  }

  .apply-slider.owl-carousel {
    padding: 20px;
  }

  .apply-card-block h5 {
    margin: 15px 0 10px;
  }

  .apply-block {
    padding: 10px 0 20px;
  }

  .apply-icon {
   /* width: 42px;
    height: 42px;
    min-width: 42px;
    max-width: 42px;
    padding: 10px;*/
  }

  .apply-info {
    padding-left: 10px;
  }

  .apply-info h4 span {
    display: block;
  }

  .apply-slider.owl-carousel .owl-item img {
    width: 50px;
  }
}

.apply-card-block  h5 {
    height: 60px;
    overflow: hidden;
}
.refer-and-earn-rewards,
.refer-and-earn-rewards h2 {
 /* color: var(--white-color);*/
}
.refer-and-earn-rewards {
  background: #000;
  padding: 50px 0;
  position: relative;
}
.refer-and-earn-rewards::before {
  width: 233px;
  height: 207px;
  position: absolute;
  right: 100px;
  top: 0;
  content: "";
}
.refer-and-earn-rewards .hs-button {
 /* background: var(--white-color);
  color: var(--black-color);
  */
}
.mobile-img7 {
  display: none;
}
.refer-and-earn-rewards .container-small {
  z-index: 1;
}
.btn-group3 {
  display: flex;
  align-items: center;
  font-size: var(--font-18);
  line-height: var(--line-h-24);
}
.btn-group3 span {
  margin-left: 20px;
}
.btn-group3 span a {
  color: var(--red-color);
}
@media only screen and (max-width: 991px) {
  .refer-and-earn-rewards {
    /* margin: 50px 0 0; */
  }
}
@media only screen and (max-width: 767px) {
  .refer-and-earn-rewards {
    padding: 40px 0;
    text-align: center;
  }
 
  .mobile-img7 {
    display: block;
    padding: 20px 0;
  }
  .refer-and-earn-rewards::before {
    width: 110px;
    height: 134px;
    right: 20px;
    background-size: cover;
  }
  .refer-and-earn-rewards::after {
    width: 64px;
    height: 86px;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../images/subtract2.png) center center no-repeat;
    position: absolute;
  }
  .refer-and-earn-rewards .hs-button {
   /* display: block;
    width: 100%;
    */
  }
}
.faq-module {
  position: relative;
}
.faq-module::before {
  content: "";
  display: block; /*background:linear-gradient(94.65deg,#ee2c3c 14.81%,#c5135d 65.22%,#6a11b0 100.05%);*/
  width: 25%;
  height: 100%;
  position: absolute;
  left: 0;
  margin: 0 auto;
  top: -5%;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.faq-tab {
  padding: 30px 0 0;
  display: flex;
  align-items: flex-start;
}
.faq-tab .nav {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  margin-right: 50px;
  border: none;
  border-radius: 0;
}
.faq-tab .tab-content.accordion {
  flex: auto;
}
.faq-tab .nav .nav-item {
  width: 100%;
  display: block;
}
.faq-tab .nav .nav-item .nav-link {
  background: 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 10px 20px;
  text-align: left;
  min-height: 60px;
  font-size: var(--font-20);
  color: var(--grey-color);
  font-weight: 700;
  margin: 0 0 20px;
  display: block;
  width: 100%;
  outline: 0 !important;
}
.faq-tab .nav .nav-item .nav-link.active {
  color: #000;
  background-color: var(--white-color);
  border-color: var(--white-color);
  box-shadow: 0 0 30px 0 rgb(85 14 141 / 8%), 0 0 30px 0 rgb(85 14 141 / 1%);
}
.faq-tab .tab-content .tab-pane {
  border: none;
  padding: 0;
  background: 0 0;
}
.faq-tab .accordion-body {
  padding: 0;
}
.inr-accordion .accordion-item {
  border: none;
  border-radius: 0 !important;
}
.inr-accordion .accordion-button {     
  padding: 20px 0;
  font-size: var(--font-20);
  color: var(--black-color);
  border: 0;
  outline: 0 !important;
  box-shadow: none !important;
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 !important;
}
.faq-module .inr-accordion .accordion-body li,
.inr-accordion .accordion-body,
.inr-accordion .accordion-body p {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
}
.inr-accordion .accordion-button:not(.collapsed) {
  color: #e50913;
  background-color: var(--white-color);
  box-shadow: none !important;
  border-bottom: none;
}
.inr-accordion .accordion-button:not(.collapsed)::after {
  background-image: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/minus-icon.png);
  transform: inherit;
}
.inr-accordion .accordion-button::after {
  background-image: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/plus-icon.png);
  width: 18px;
  height: 18px;
  background-size: cover;
}
.inr-accordion .accordion-body {
  padding: 0 0 15px;
  border-bottom: 1px solid #e6e6e6;
}
.rd-more {
  font-size: var(--font-18);
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  margin: 8px 0;
  text-decoration: none;
  font-size: 16px;
}
.faq-module .inr-accordion .accordion-body li {
  background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .faq-tab {
    padding: 15px 0 0;
    display: block;
  }
  .faq-tab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    background: 0 0;
    margin: 0 0 12px;
  }
  .faq-tab .accordion-button {
    padding: 0 15px;
    font-size: var(--font-18);
    color: var(--grey-color);
    background-color: transparent;
    height: 46px;
    line-height: 44px;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.625rem !important;
    border: 1px solid #e6e6e6;
  }
  .faq-tab .accordion-body {
    padding: 15px 15px 1px;
    margin: 0;
    position: relative;
  }
  .faq-tab .accordion-button[aria-expanded="true"] {
    border-color: var(--white-color);
    border-radius: 0.625rem 0.625rem 0 0 !important;
    background: var(--white-color);
    box-shadow: 0 0 10px #550e8d14;
    color: #000;
  }
  .faq-tab .show .accordion-body {
    background: var(--white-color);
    box-shadow: 0 10px 40px #550e8d14;
    border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .faq-tab .show .accordion-body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #e6e6e6;
  }
  .inr-accordion .accordion-item {
    margin: 0 0 12px;
    border: 1px solid #e6e6e6;
    border-radius: 0.625rem !important;
  }
  .faq-tab .inr-accordion .accordion-button {
    padding: 12px 15px;
    height: auto;
    line-height: normal;
    border-radius: 0.625rem !important;
    border: none;
    box-shadow: none !important;
    color: var(--black-color);
    font-size: var(--font-16);
  }
  .faq-tab .show .inr-accordion .accordion-body {
    box-shadow: none !important;
    border: none;
    padding: 15px;
  }
  .faq-tab .show .inr-accordion .accordion-button[aria-expanded="true"] {
    color: var(--red-color);
  }
  .faq-module::before {
    display: none;
  }
}

.text-para {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 700;
    color : #000;
}

.faq-module .inr-accordion .accordion-body ol li {
	    background: none !important;
    margin: 0px 18px 10px; 
    padding: 0px 0 0 10px;
}

.disclaimer-section p {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
  color: var(--grey-color);
}
.read-more-btn {
  font-weight: 700;
  font-size: var(--font-18);
  color: var(--red-color);
}
.read-more-btn:hover {
  color: var(--black-color);
}
.disclaimer-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.disclaimer-content.full-content {
  display: block;
}
.moreless-button {
  display: inline-block;
}
.read-more-btn,
.read-more-btn:focus,
.read-more-btn:hover {
  border: none;
  background: 0 0;
  outline: 0;
}
hs_cos_wrapper_widget_1734509257824 .disclaimer-content {
  -webkit-line-clamp: 8;
}

.disclaimer-section .text-gradient {
    color: #E50913;
}
#fullText, #shortText, #hs_cos_wrapper_widget_1734339098152 table td{font-size:18px !important;}
.disclaimer-section .h2-class, .disclaimer-section h2 {
    font-size: 2.25rem;
    line-height: 2.75rem;
}
tbody, td, tfoot, th, thead, tr {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px;
}
#descriptionText li ul {
    margin-bottom: 15px;
}
#descriptionText li {
    font-size: 20px !important;
}
.footer {
  background-color: #191e27;
}
.footer .container {
  padding-top: 60px;
}
.footer .tagline div,
.footer .tagline p {
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  color: #fff;
}
.footer .ug-border-bottom:after {
  content: "";
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #4a5568;
}
.footer .ug-device {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  padding: 10px 15px;
  border-radius: 56px;
  border: 1px solid #fff;
  align-items: center;
  max-width: 270px;
  margin-left: auto;
  justify-content: center;
}
.footer a {
  color: #fff;
  font-size: 13px;
}
.footer a:hover {
  opacity: 0.7;
}
.footer .android-app-link,
.footer .iOS-app-link {
  display: flex;
  align-items: center;
}
.footer .android-app-link img {
  width: 26px !important;
}
.footer .iOS-app-link img {
  width: 18px;
}
.footer .ug-device-desc {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
.footer .heading,
.footer .label,
.footer .links {
  font-size: 14px;
  color: #fff;
}
.footer .label {
  font-weight: 600;
  text-transform: uppercase;
}
.footer .links {
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  margin-top: 8px;
}
.footer .heading {
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 28px;
  margin-bottom: 28px;
}
.footer .content div,
.footer .content p {
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #fff;
  margin: 10px 0 20px;
}
.footer .copyright {
  font-size: 13px;
  color: #fff;
}
.ug-footer-socials {
  display: flex;
  align-items: center;
  margin: 20px 0 0;
}
.ug-footer-socials a {
  margin: 0 15px 0 0;
}
.ug-footer-socials a:hover {
  opacity: 0.8;
}
.footer .links a,
.footer .links div a div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: block;
}
.btnScrollToTop {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 50px;
  border: none;
  z-index: 99;
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer .accordion-item,
  .footer .accordion-item:first-of-type,
  .footer .accordion-item:last-of-type {
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
  .footer .accordion-button {
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    cursor: default;
    pointer-events: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .footer .accordion-button::after {
    opacity: 0;
  }
  .footer .collapse:not(.show) {
    display: block;
  }
  .footer .accordion-body {
    padding: 0;
  }
  .footer .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .footer .container {
    padding-top: 30px;
  }
  .footer .ug-device {
    max-width: 100%;
    margin-left: 0;
  }
  .footer .copyright {
    text-align: center;
    display: block;
  }
  .footer .accordion-item,
  .footer .accordion-item:first-of-type,
  .footer .accordion-item:last-of-type {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 5px 0;
  }
  .footer .accordion-button {
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
  }
  .footer .accordion-body {
    padding: 0;
  }
  .footer .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
  }
  .footer .accordion-button::after {
    filter: brightness(100);
  }
  .row.ug-border-bottom .row .col-md-3.mt-3.mb-3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .ftr-para-content {
    margin: 0 0 10px;
  }
  .footer .heading {
    font-size: 16px;
    padding: 0 0 10px;
    margin: 15px 0 0;
  }
  .ug-footer-socials {
    margin: 30px 0 15px;
  }
  .footer .content div,
  .footer .content p,
  .footer a {
    font-size: 13px;
  }
  .btnScrollToTop {
    bottom: 10px;
    right: 10px;
    width: 34px;
  }
}

@media (max-width: 767px) {
  .popup-class {
    display: none !important;
  }
}
.hbspt-form {
  display: none !important;
}

@media screen and (max-width: 480px) {  
  .footer .links {margin-bottom: 20px !important;}
  .footer .links > div + div {margin-top: 9px !important;}
}

/* Other Modules of Program page */
.free-course-slider {
    margin: 50px 0 0;
}
.free-course-slider.owl-carousel .owl-stage-outer {padding: 0 10px;margin: 0 -10px;}
.free-course-slider.owl-carousel .owl-stage{display:flex;}
.free-course-slider.owl-carousel .owl-item .item{height:100%;padding:0 0 12px;}
.free-course-slider.owl-carousel .owl-item .free-course-info ul li img{width: auto;}
.free-course-block {
  border-radius: 1rem;
  display: flex;
  background: var(--white-color);
  box-shadow: 0 0 10px rgba(36, 7, 70, 0.08);
  height: 100%;
  position: relative;
  flex-direction: column;
  cursor: pointer;
}
.about-the-course-module .free-course-block {
  cursor: initial;
}
.free-course-img-block {
  position: relative;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
  height: 148px;
}
.free-course-img-block > img {
  border-radius: 1rem 1rem 0 0;
  height: 100%;
  object-fit: cover;
}
.course-cert {
  position: absolute;
  right: -1px;
  top: -1px;
  color: var(--white-color);
  border: 1px solid #fff;
  padding: 6px 15px;
  background: linear-gradient(266.33deg, #1bd597 0%, #00948a 100%),
    linear-gradient(0deg, #ffffff, #ffffff);
  text-transform: uppercase;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  font-size: var(--font-14);
  z-index: 2;
}
.free-course-info {
  padding: 15px 15px 70px;
}
.about-the-course-module .free-course-info {
  padding: 15px 15px 15px;
}
.free-course-info h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 49px;
  overflow: hidden;
  margin: 0 0 10px;
}
.about-the-course-module .free-course-info h5 {
  min-height: 0px;
}
.free-course-info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 49px;
  overflow: hidden;
  min-height: 55px;
  font-size: var(--font-14);
  line-height: var(--line-h-18);
  color: var(--grey-color);
  margin: 0 0 10px;
}

.about-free-course-module .free-course-info p {
    overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
}
.free-course-info ul li {display: flex;align-items: center;font-size: var(--font-16);line-height: var(--line-h-22);color:var(--dark-grey-color);margin: 0 0 10px;}
.free-course-info ul li img{margin-right: 10px;margin-top: 2px;}
.free-course-info .btn-group {position: absolute;left: 15px;right: 15px;bottom: 15px;}
.free-course-info .btn-group .hs-button {padding: 0;width: 100%;text-align: center;}

.about-free-course-module a.read-more-link-text {  font-size:14px};

.about-free-course-module .popup .free-course-block {
  cursor: initial;
  position: relative;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  background: #fff;
  overflow: auto;
  height: auto;
  max-height: 90%;
  border-radius: 10px;
  padding: 20px;
}
.about-free-course-module .popup-fulltext-description {
  display: none;
}
.about-free-course-module .popup .popup-fulltext-description {
  display: block;
}
.about-free-course-module .popup .text-with-read-more {
  display: none;
}
.about-free-course-module .popup a.read-more-link-text {
  display: none !important;
}
.about-free-course-module p.text-with-read-more {
  flex-grow: 1;
}
.about-free-course-module .close-popup {
  display: none;
}
.about-free-course-module .popup .close-popup {
  z-index: 1;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  background-color: #000;
  border-radius: 50%;
  height: 35px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.about-free-course-module .popup  .close-popup img { max-width: 17px; display: inline-block; vertical-align: top; margin-top: 9px; }
.about-free-course-module .instructors-box { height: 100%; position: relative; }
.about-free-course-module .owl-carousel .owl-item .ins-card-logo img, .ins-card-logo img {height: 26px !important;width: auto;}
.about-free-course-module .popup .free-course-img-block { height:auto;     border-radius: 0;}
.about-free-course-module .popup .free-course-img-block > img { border-radius: 0;}
.read-more-link-text, .about-free-course-module .popup .close-popup {cursor: pointer;}

@media only screen and (max-width:991px){
.free-course-slider {margin: 20px 0 0;}
}
@media only screen and (max-width:767px){
.course-cert {padding: 4px 12px;font-size: var(--font-12);}
}

.program-journey-box .journey-box-content { border: 1px solid #e6e6e6;
    margin: 7px 0;
    width:50%;
    box-shadow: 0px 6px 0px 0px rgb(242,242,242);
    border-radius: 20px;
    padding: 25px;
}
.program-journey {
    display: flex;
    flex-direction: column;
}
.program-journey-box {
    display: flex;
    width: 100%;
}

.journey-box-content.journey-box-content-none {
    border: none;
    box-shadow: none;
}

.separator-line {
    text-align: center;
    width: 175px;    position: relative;
}
.program-journey .program-journey-box:nth-child(2n) .journey-box-content.journey-box-content-none {
   /* order: 1; */
}
.program-journey .program-journey-box:nth-child(2n) .separator-line {
    /* order: 2; */
}
span.separator-number {
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    background: #E50913;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    text-align: center;
}
.separator-line:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(100% - 35px);
    border-left: 2px dashed #E50913;
    width: 1px;
    margin: 0 auto;
    letter-spacing: 4px;
    font-size: 34px;
}
.program-journey-box:nth-child(2n) .journey-box-content {
   /* order: 3; */
}

  .program-journey-box:last-child .separator-line:after {display:none;} 

@media (max-width:767px) {
 .program-journey-box {
	flex-wrap: wrap;margin-bottom: 30px;
} 
  .program-journey-box .journey-box-content {
	width: 100%;
}
  .separator-line {
	width: 100%;
}
 /* .separator-line::after {
    border-left: none;
	border-top: 2px dashed #7805b1;
	width: 100%;
	top: 50%; display:none;
}
  .journey-box-content.journey-box-content-none {
	display: none;
}
  .program-journey-box .journey-box-content, .program-journey-box:nth-child(2n) .journey-box-content {
	order: 2;
}
  .program-journey .program-journey-box .separator-line, .program-journey .program-journey-box:nth-child(2n) .separator-line {
    order: 1;
}
  span.separator-number {
	z-index: 1;
	position: relative;
}
  */
}

.program-journey-block .tab-tittle {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
   /*  margin-bottom: 15px; */
    display: block;
}
.journey-box_list.check-list li {
    font-size: 15px;
    line-height: 20px;
}
/* Projects Learn by Doing Start */
.project-stats ul {display: flex;}
.project-stats ul li {position: relative;display: flex;align-items: center;margin: 20px 50px 35px 0;}
.project-stats-icon {width: 56px;height: 56px;background: #FCF1F5;border-radius: 50%;display: flex;align-items: center;justify-content: center;min-width: 56px;max-width: 56px;}
.project-stats-info {flex: auto;padding: 0 0 0 15px;font-size: var(--font-16);line-height: var(--line-h-22);}
.project-stats-info strong {display: block;font-size: 24px;line-height: 30px;color: var(--black-color);}
.project-card-block {background: var(--white-color);border: 1px solid #E6E6E6;border-radius: 1.25rem;padding: 20px;box-shadow: 0 6px 0 #f2f2f2;}
.project-learn-doing-module .cmn-slider.owl-carousel .owl-item img{width: auto;}
.project-card-block, .project-card-block p  {font-size: var(--font-16);line-height: var(--line-h-22);}
.project-card-block h5{margin: 10px 0;}
.skills-learned {border-top: 1px solid #F2F2F2;padding: 15px 0 0;margin: 10px 0 0;}
.skills-learned h6 {font-size: 14px;line-height: 18px;}
.skills-learned ul{display: flex;flex-wrap: wrap;}
.skills-learned ul li {font-size: 12px;color:var(--black-color);border: 1px solid #E6E6E6;margin: 0 6px 5px 0;padding: 3px 7px;border-radius: 30px;}
.skills-learned ul li:last-child{margin-right: 0;padding: 3px 5px;}
.cmn-slider.owl-carousel .owl-stage-outer {padding: 0 10px;margin: 0 -10px;}
.cmn-slider.owl-carousel .owl-stage{display:flex;}
.cmn-slider.owl-carousel .owl-item .item{height:100%;padding:0 0 12px;}
.project-learn-doing-module .cmn-slider.owl-carousel .owl-item .prj-logo img,.prj-logo img {height: 40px !important;}
.project-learn-doing-module .project-card-block {position: relative; height:100%;}
.project-card-slider .popup .next-previous-btn-row {display: flex; }
.project-learn-doing-module .close-popup {align-self: flex-start;display:none;position: absolute;top: 15px;right: 15px;width: 18px;cursor: pointer;}
.project-learn-doing-module .popup .close-popup { display:block;}
.project-learn-doing-module .popup .project-card-block {   height: auto;   width: 450px;   max-width: 95%; max-height: 95%;padding-bottom: 60px;box-shadow: none;overflow: hidden;}
.project-learn-doing-module .project-card-block button.next-item-btn-projects-pro, .project-learn-doing-module .project-card-block button.previous-item-btn-projects-pro {display: none;}
.project-learn-doing-module .popup .project-card-block button.next-item-btn-projects-pro, .project-learn-doing-module .project-card-block button.previous-item-btn-projects-pro {display: block;border: none;background: none;font-size: 16px;}
.project-learn-doing-module  a.read-more-link-text {font-weight: 700;display: inline-block;margin: 5px 0 10px 0;}
.project-learn-doing-module .popup  a.read-more-link-text { display:none}
a.viewmore-btn2 {cursor: pointer;
    margin: 10px 0;
    display: inline-block;
    font-weight: 700;
}
.project-learn-doing-module  .popup-fulltext-description { display: none;}
.project-learn-doing-module .popup .project-card-block a.viewmore-btn-projects-pro {
    display: none;
}
.project-learn-doing-module .popup .text-with-read-more {
    display: none;
}
.project-learn-doing-module .popup .popup-fulltext-description {
    display: block;
    max-height: 250px;
    overflow: auto;
}
a.viewmore-btn-projects-pro {
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
@media only screen and (max-width: 991px) {
.project-learn-doing-module{margin: 50px 0 0;}
}
@media only screen and (max-width: 767px) {
.project-stats ul li {margin: 10px 5px 20px 0;}
.project-stats-icon {width: 42px;height: 42px;min-width: 42px;max-width: 42px;padding: 13px;}
.project-stats-info {padding: 0 0 0 10px;font-size: var(--font-14);line-height: var(--line-h-18);}
.project-stats-info strong {font-size: 18px;line-height: 22px;}
}
/* Projects Learn by Doing End */
.career-impact-module .row [class*="col-"]{margin-top: 20px;}
.career-impact-card {background: #fff;cursor: pointer; height: 100%;box-shadow: 0 0px 10px rgba(36, 7, 70, .09);border-radius: 1.25rem;padding: 20px;text-align: center;}

.srvc-icon {
  background: linear-gradient(to bottom, #da202f 0%, #ee2c3c 100%);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 20px;
}
.career-impact-card h5 {
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
}
.career-impact-card p {
  font-size: var(--font-16);
  line-height: var(--line-h-22);
  display: -webkit-box; /*-webkit-line-clamp: 3;*/
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 70px;
}
.modal.career-modal-popup {
  z-index: 99999;
}
.career-modal-popup .modal-dialog {
  max-width: 650px;
}
.career-modal-popup .modal-content {
  width: 100%;
  border-radius: 1rem;
  border: none;
  box-shadow: 0px 16px 28px 0px #2a07460f, 0px -2px 40px 0px #2a07460a;
  flex-direction: inherit;
}
.career-modal-popup .modal-body {
  box-sizing: border-box;
  display: block;
  flex: 0 0 100%;
  padding: 20px;
  position: relative;
  width: 100%;
}
.career-modal-popup button.btn-close {
  filter: inherit !important;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  background-color: #fff;
  opacity: 1;
  border-radius: 0;
}
.ug-modal-image-wrapper img {
  width: 100%;
  border-radius: 1rem;
}
.ug-modal-icon-wrapper {
  align-items: center;
  display: flex;
  margin: 15px 0;
}
.ug-modal-icon-wrapper .srvc-icon {
  margin: 0 15px 0 0;
  width: 44px;
  height: 44px;
  min-width: 44px;
}
.ug-modal-icon-wrapper .srvc-icon img {
  width: 28px;
}
.ug-modal-icon-wrapper h5 {
  margin: 0;
  line-height: normal;
}
.ug-modal-description-wrapper,
.ug-modal-description-wrapper p {
  font-size: 16px;
  line-height: 24px;
}
.ug-modal-description-wrapper ul {
  margin-top: 20px;
}
.ug-modal-description-wrapper ul li {
  display: list-item;
  list-style: disc;
  margin: 0 0 8px 18px;
}

@media only screen and (max-width: 1199px) {
  .srvc-icon {
    background: linear-gradient(to bottom, #da202f 0%, #ee2c3c 100%);
    width: 54px;
    height: 54px;
  }
  .srvc-icon img {
    width: 30px;
  }
  .career-impact-card h5 {
    min-height: 45px;
  }
  .career-impact-card p {
    min-height: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .career-modal-popup .modal-dialog {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .ug-modal-description-wrapper,
  .ug-modal-description-wrapper p {
    font-size: 14px;
    line-height: 20px;
  }
  .ug-modal-icon-wrapper {
    margin: 15px 0;
    padding-right: 0;
  }
  .career-modal-popup button.btn-close {
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    padding: 0;
    background-size: 18px auto;
  }
}
.custom-close-button {
  position: absolute;
  top: 15px;
  right: 15px;
  background: white;
  color: black;
  border: none;
  font-size: 20px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}

.key-highlights-learning-approach-block,
.vdo-block {
  position: relative;
}
.vdo-block a,
.vdo-block::before,
.vdo-play-btn3 {
  right: 0;
  position: absolute;
}
.key-highlights-learning-approach-block::before {
  content: "";
  display: block; /*background:linear-gradient(94.65deg,#ee2c3c 14.81%,#c5135d 65.22%,#6a11b0 100.05%);*/
  width: 25%;
  height: 100%;
  position: absolute;
  left: 0;
  margin: 0 auto;
  top: 0;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.key-highlights-learning-approach-tab {
  padding: 30px 0 0;
  display: flex;
  align-items: flex-start;
}
.key-highlights-learning-approach-tab .tab-content.accordion-learning-approach {
  flex: auto;
}
.key-highlights-learning-approach-tab .nav {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  margin-right: 50px;
  border: none;
  border-radius: 0;
}
.key-highlights-learning-approach-tab .nav .nav-item {
  width: 100%;
  display: block;
  position: relative;
}
.key-highlights-learning-approach-tab .nav .nav-item .nav-link {
  background: 0 0;
  padding: 10px 20px;
  text-align: left;
  min-height: 60px;
  font-size: var(--font-20);
  color: var(--grey-color);
  font-weight: 700;
  margin: 0;
  display: block;
  width: 100%;
  outline: 0 !important;
}
.key-highlights-learning-approach-tab .nav .nav-item .nav-link.active {
  background-color: none;
}
.key-highlights-learning-approach-tab .tab-content .tab-pane {
  border: none;
  padding: 0;
  background: 0 0;
}
.key-highlights-learning-approach-tab
  .tab-content
  .tab-pane
  .accordion-learning-approach-body {
  padding: 0;
}
.key-highlights-learning-approach-tab .tab-content .tab-pane p {
  font-size: var(--font-18);
  line-height: var(--line-h-24);
  color: var(--dark-grey-color);
}
.vdo-block {
  max-width: 456px;
  width: 100%;
  margin: 25px 0 0;
  border-radius: 1rem;
  overflow: hidden;
}
.vdo-block::before {
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #0b0b2e99;
}
.vdo-block a {
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
}
.vdo-play-btn3 {
  display: block;
  left: 0;
  margin: 0 auto;
  width: 60px;
  top: 80px;
}
.vdo-info3 {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 25px;
  right: 25px;
  align-items: center;
  justify-content: space-between;
  color: var(--white-color);
  font-size: var(--font-18);
}
.info-rt3 {
  font-size: var(--font-16);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.info-rt3 img {
  margin-right: 6px;
}
@media only screen and (max-width: 991px) {
  .key-highlights-learning-approach-block {
    margin: 50px 0 0;
  }
  .key-highlights-learning-approach-tab {
    padding: 15px 0 0;
    display: block;
  }
  .key-highlights-learning-approach-tab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    background: 0 0;
    margin: 0 0 12px;
  }
  .key-highlights-learning-approach-tab .accordion-learning-approach-button {
    padding: 0 15px;
    font-size: var(--font-18);
    color: var(--grey-color);
    background-color: transparent;
    height: 46px;
    line-height: 44px;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.625rem !important;
    border: 1px solid #e6e6e6;
  }
  .key-highlights-learning-approach-tab
    .tab-content
    .tab-pane
    .accordion-learning-approach-body {
    padding: 15px;
    margin: 0;
    position: relative;
    z-index: 3;
  }
  .key-highlights-learning-approach-tab
    .accordion-learning-approach-button[aria-expanded="true"] {
    border-color: var(--white-color);
    border-radius: 0.625rem 0.625rem 0 0 !important;
    background: var(--white-color);
    box-shadow: 0 0 10px #550e8d14;
    color: var(--blue-color);
  }
  .key-highlights-learning-approach-tab
    .tab-content
    .tab-pane
    .show
    .accordion-learning-approach-body {
    background: var(--white-color);
    box-shadow: 0 10px 40px #550e8d14;
    border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .key-highlights-learning-approach-tab
    .tab-content
    .tab-pane
    .show
    .accordion-learning-approach-body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #e6e6e6;
  }
  .key-highlights-learning-approach-tab .tab-content .tab-pane p {
    font-size: var(--font-16);
    line-height: var(--line-h-20);
  }
  .vdo-play-btn3 {
    width: 40px;
    top: 32%;
  }
  .vdo-info3 {
    bottom: 12px;
    left: 12px;
    right: 12px;
    font-size: var(--font-16);
  }
  .key-highlights-learning-approach-block::before {
    display: none;
  }
}
.check-list li {
  background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list.png)
    left 4px no-repeat;
}
@media only screen and (max-width: 767px) {
  .check-list li {
    background-position: left 2px;
  }
}


.key-highlights-learning-approach-tab .nav-link {
  background: none;
  border: none;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px; /* space between number and title */
  color: #6c757d; /* Gray title */
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* Round number default */
.key-highlights-learning-approach-tab .tab-number {
  width: 40px;
  height: 40px;
  background-color: #fff; /* White background */
  color: #6c757d; /* Gray number */
  border: 2px solid #6c757d; /* Gray border */
  border-radius: 50%; /* Circle */
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* Tab title */
.key-highlights-learning-approach-tab .tab-title {
  font-weight: 500;    display: flex;
}

/* Active tab */
.key-highlights-learning-approach-tab .nav-link.active .tab-number {
  background-color: #eb2a3a; /* Red background */
  color: #fff; /* White number */
  border-color: #eb2a3a; /* Red border */
}

/* Active tab title */
.key-highlights-learning-approach-tab .nav-link.active {
  color: #eb2a3a; /* Title becomes red */
}
.key-highlights-learning-approach-tab span.tab-circle {
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 35px;
   min-width: 35px;
    display: inline-block;
    text-align: center;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
      font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}
.key-highlights-learning-approach-tab .nav .nav-item .nav-link.active span.tab-circle {
    background: #ee2c3c;
    color: #fff;
}
.key-highlights-learning-approach-tab span.tab-circle:after {
    background: #e6e6e6;
    content: "";
    display: block;
    height: calc(100% - 10px);
    margin: 0 auto;
    width: 1px;
    position: absolute;
    left: 37px;
    margin-top: -1px;
}
.key-highlights-learning-approach-tab .nav .nav-item:last-child span.tab-circle:after {
   display:none;
}
.tab-title-sub-list {
    padding-left: 50px;
    font-size: 14px;  display: none;
}
.tab-title-sub-list.check-list li {
    font-size: 15px;
    font-weight: normal;
}
.key-highlights-learning-approach-tab .nav .nav-item .nav-link.active .tab-title-sub-list {
    display: block;
}
.key-highlights-learning-approach-tab .nav .nav-item .nav-link.active {
    background: none;
    position: relative;
}
@media (max-width: 991px){
.key-highlights-learning-approach-tab .accordion-learning-approach-button {
    width: 100%;
}
}
.key-highlights-learning-approach-tab .tab-content {
    flex-grow: 1;
    padding-left: 60px;
}

.key-highlights-learning-approach-tab .nav {
    border: none;
    border-radius: 0;
    margin-right: 50px;
    max-width: 330px;
    min-width: 410px;
    width: 390px;
}

.key-highlights-learning-approach-tab .tab-title {
    display: flex;
    font-weight: 500;
    color: #333;
}

.key-highlights-learning-approach-tab .active .tab-title {
    color: #000;
    font-weight: 600;
}
/* What our Learners say translated */
/* What our Learners say translated */
.learner-card,
.learner-img,
.what-our-learners-says-module {
  position: relative;
}
:root {
  --star-size: 25px;
  --star-color: #ccc;
  --star-background: #fc0;
}
.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.what-our-learners-says-module .owl-carousel.cmn-slider .owl-item img {
  width: auto;
}
.learner-card {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  min-height: 318px;
  background: var(--white-color);
  box-shadow: 0 5px 12px rgba(36, 7, 70, 0.08);
  border-radius: 1.25rem;
  margin: 30px 0;
  padding: 25px;
}
.learner-card::before {
  content: "";
  position: absolute;
  left: 55px;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px;
  border-color: #fff transparent transparent;
}
.what-our-learners-says-module
  .owl-carousel.cmn-slider
  .owl-item
  .learner-card
  > img {
  width: 24px;
  display: block;
}
.rating-block6 {
  display: flex;
  align-items: center;
  font-size: var(--font-14);
  line-height: var(--line-h-18);
  color: var(--black-color);
  font-weight: 700;
  margin: 10px 0;
}
.rating-block6 img {
  margin-right: 6px;
}
.learner-card p,
.learner-info-block {
  line-height: var(--line-h-22);
  font-size: var(--font-16);
  color: var(--dark-grey-color);
}
.profile-link {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  line-height: var(--line-h-24);
  font-size: var(--font-18);
  text-decoration: underline;
  color: #0d6efd;
}
.profile-link img {
  margin-left: 8px;
}
.profile-link.quora-link {
  color: #b92b27;
}
.learner-info-block {
  display: flex;
  align-items: flex-start;
  padding: 0 0 15px 25px;
}
.learner-img {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}
.learner-info {
  flex: auto;
  padding: 10px 0 0 13px;
}
.what-our-learners-says-module .learner-img img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50%;
  object-fit: cover;
}
.learner-info ul li {
  display: flex;
  align-items: center;
  margin: 2px 0 0;
}
.learner-info ul li span {
  width: 25px;
  flex: 0 0 25px;
  align-self: flex-start;
}
.learner-img label {
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: linear-gradient(92.33deg, #1bd5be 0, #00948a 100%);
  color: var(--white-color);
  font-size: 12px;
  text-align: center;
  border-radius: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: 0 auto;
}
.learner-info h5 {
  margin: 0;
}
.learner-card a.read-more-link-text {
  font-size: var(--font-16);
  cursor: pointer;
}
.learner-card h6 {
  min-height: 47px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.what-our-learners-says-module .owl-nav > button {
  top: 37%;
}
.what-our-learners-says-module::after {
  content: "";
  display: block; /*background:linear-gradient(94.65deg,#ee2c3c 14.81%,#c5135d 65.22%,#6a11b0 100.05%);*/
  width: 25%;
  height: 75%;
  position: absolute;
  right: 0;
  margin: 0 auto;
  top: -30%;
  opacity: 0.08;
  z-index: -1;
  border-radius: 50%;
  filter: blur(50px);
}
.popup {
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .learner-review-box {
  position: relative;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  background: #fff;
  overflow: auto;
  max-height: 90%;
  border-radius: 10px;
  padding: 20px;
}
.popup .learner-card {
  padding: 0;
  box-shadow: none;
  margin: 0 0 25px;
  min-height: initial;
  background: 0 0;
  position: initial;
}
.learner-review-box a.read-more-link-text,
.learner-review-slider .close-popup,
.popup .learner-card a.read-more-link-text,
.popup .learner-card::before,
.popup .text-with-read-more,
.popup-fulltext-description {
  display: none;
}
.popup .learner-info-block {
  padding: 0 0 20px;
}
.popup .profile-link {
  margin-top: 15px;
}
.popup .learner-card .text-overflow {
  min-height: inherit; /*display:block */
}
.learner-review-slider .cmn-slider.owl-carousel .owl-stage-outer {
  padding: 0 10px;
  margin: 0 -10px;
}
.learner-review-slider .cmn-slider.owl-carousel .owl-item .item {
  height: 100%;
  padding: 0 0 12px;
}
.popup .popup-fulltext-description {
  display: block;
}
.popup .learner-card a.read-more-link-text {
  display: none !important;
}
.learner-card p.text-with-read-more {
  flex-grow: 1;
}
.learner-review-slider .popup .close-popup {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  background-color: #000;
  border-radius: 50%;
  height: 35px;
  text-align: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.learner-review-slider .popup .close-popup img {
  max-width: 17px;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
@media only screen and (max-width: 991px) {
  .what-our-learners-says-module {
    /* margin: 50px 0 0; */
  }
  .what-our-learners-says-module::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .learner-card {
    margin: 20px 0;
    padding: 18px;
  }
  .learner-info-block {
    padding: 0 0 15px 15px; 
  }
  .learner-img {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
  }
  .what-our-learners-says-module .learner-img img {
    width: 64px !important;
    height: 64px !important;
  }
  .learner-img label {
    width: 70px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
  }
  .learner-card::before {
    left: 38px;
    border-width: 12px;
  }
  .popup .learner-review-box {
    max-width: 95%;
  }
}

/* program comprehension */
.program.comprehension-box span.hs_cos_wrapper_type_icon svg {
  height: 20px;
}

.program-comprehension-row {
  display: flex;
  justify-content: space-between;
}

.program.comprehension-box li {
  align-items: flex-start;
  display: flex;
}

.program.comprehension-box li span {
  display: none;
  min-width: 30px;
}

.program.comprehension-box:first-child li svg {
  fill: #6a11b0;
}

.program.comprehension-box li svg {
  fill: #0a9044;
}

.program.comprehension-box h3 {
  color: #000;
  font-size: 20px;
}

.program.comprehension-box h3,
.program.comprehension-box:nth-child(2) h3 {
  font-weight: 500;
  height: 32px;
  margin: 20px 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

.program.comprehension-box:nth-child(2) h3 {
  color: #ee2c3c;
  font-size: 28px;
  margin-bottom: 34px;
  margin-top: 5px;
}

.program.comprehension-box ul {
  position: relative;
  z-index: 1;
}

.program.comprehension-box li {
  align-items: center;
  border-top: 1px solid #ccc;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  height: 70px;
  line-height: 1.125rem;
  padding: 10px 30px;
}

.program.comprehension-box {
  background: var(--white-color);
  border-radius: 1.25rem 0 0 1.25rem;
  box-shadow: 0 16px 32px 0 #2a07460f, 0 -8px 20px 0 #2a074605;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0 0 10px;
  width: 33.333%;
}

.program-comprehension-row .program.comprehension-box:last-child {
  border-radius: 0 1.25rem 1.25rem 0;
}

.program.comprehension-box:first-child li {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.program.comprehension-box:nth-child(2) {
  background-color: var(--white-color);
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  justify-content: center;
  margin: 1px;
  position: relative;
}

.program.comprehension-box:nth-child(2):before {
  background: #ee2c3c;
  border-radius: 1.5rem;
  bottom: -1px;
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: -1;
}

.program.comprehension-box:nth-child(2):after {
  border-radius: 1.5rem;
  bottom: -1px;
  box-shadow: 0 6px 0 #f8e3ec;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

/* Program page new css 2026 */
body.program-page  {
    color: #000;
    font-weight: normal;
}
.section-title-block h2 {
    margin: 0 0 5px 0;
}
.section-title-block  {
    margin-bottom: 30px;
}
body.program-page  p {
    font-weight: normal;
}
.program-page h2.sub-hd1 { color:#E50913;font-weight: 600;}
.program-page.home-body h3.section-title { font-weight: 600;     font-size: 2.25rem; line-height: 2.75rem;;}

.arabic.program-page .check-list li {background-position: right; padding-left: 0; padding-right: 25px;}
.program-page .check-list li {background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list-icon.png)left 4px no-repeat ;}
.support-tab .accordion-body ul li {background: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/check-list-icon-arrow.png) left 4px no-repeat;}

/* Module 1 Program banner */

.program-duration-info ul { display: flex; justify-content: space-between; margin: 15px 0;gap: 15px; }
.pb-top-text { margin-bottom: 15px; }
.share-text { display: flex; gap: 15px; align-items: center; margin-bottom:15px; }
.share-label { background: #EEEEE8; color: #333; border-radius: 2rem; display: inline-block; font-size: var(--font-14); line-height: 32px; padding: 0 20px; text-transform: uppercase; vertical-align: middle; }
.program-duration-info ul li { border-left: 2px solid #EE2C3C; padding-left: 15px; width: 33.333%;padding-top: 3px; padding-bottom: 3px; background:linear-gradient(-90deg, #F7F7F5, transparent);height: 100%;F }
.program-bnr-img:before { display:none}
.pb-btm-text { background: #E50913; }
.program-bnr-img { overflow: visible; height: auto;  border-radius:0; }
.bnr-img-block {/* height: 572px; */ overflow: hidden;    border-radius: 2.5rem; position: relative;}
.pb-btm-text { background: #e50913; border-radius: 0 0 15px 15px; color: #fff; font-size: var(--font-14); padding: 10px 5px; display: block; margin: 5px auto 0 auto; width: 80%; }
.pb-btm-text ul { /*display: flex;*/ flex-wrap: wrap; justify-content: center; padding: 0; margin: 0;gap: 10px;    text-align: center; }
.pb-top-text img { max-height: 75px; }
.new-program-page-banner .btn-group { display: flex; gap: 15px; flex-wrap: wrap; }
.new-program-page-banner .btn-group { margin-top: 30px; }
.new-program-page-banner .btn-group .hero_shot_downloadBrochure { background: none; border: 1px solid #999; color: #333; border-radius: 5px; font-weight: 400; }
.new-program-page-banner .btn-group  .hero_shot_applyNow { background: #E50913; color: #fff; border-radius: 5px; border: 1px solid #E50913;    font-weight: 400; }
.new-program-page-banner { background: linear-gradient(20deg,hsla(0,0%,100%,0) 45%,hsla(50,15%,92%,.74)); margin-top: -55px; padding-top: 80px; }
.breadcrumbs-variation { padding-top: 10px; }
.new-program-page-banner .banner-description {
    margin-bottom: 15px;
    padding: 15px 0;
    flex-grow: 1;
}
.new-program-page-banner .pb-left-content {
    height: 100%;
}
.new-program-page-banner .pb-text.program-duration-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 100px);
}
.new-program-page-banner .banner-description-content {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    height: 100%;
    align-items: center;
}

.arabic .new-program-page-banner {direction: rtl; text-align: right; background-image: linear-gradient(to left top,#fff,#ffffff,#ffffff,#f2f2f2,#eeedee);}
.arabic .new-program-page-banner .col-md-5.offset-md-1 { margin-left: 0; margin-right: 8.33333333%;}
.arabic .new-program-page-banner .prog-share-btn img { transform: rotate(180deg);}
.arabic .program-duration-info ul li { border-right: 2px solid #ee2c3c; padding-right: 15px; padding-left: 0; border-left: 0; }

@media (max-width:767px) {
.arabic .new-program-page-banner .col-md-5.offset-md-1 { margin-left: 0; margin-right: 0;}
.new-program-page-banner { background: none; margin-top: 0; padding-top: 15px;}
.new-program-page-banner .btn-group .hero_shot_applyNow, .new-program-page-banner .btn-group .hero_shot_downloadBrochure, .new-program-page-banner .btn-group span { width: 100%;  display: block;}
.new-program-page-banner .banner-description-content{  max-height: initial;}
}

/* Module 2 Course Snapshot */
.course-snapshot-stats:after, .course-snapshot-stats:before { display:none}
.course-snapshot-stats { margin: 0; padding: 0; border: none; background: none; }
.stats-icon { background: rgba(229,9,19,0.05); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; border-radius: 10px; }
.course-snapshot-stats ul li { text-align: left;  }
.course-snapshot-stats ul li strong { font-size: 28px; display: block;margin-bottom: 15px;  /* transition: font-size .1s ease-in-out */ transition: font-size 0.1s ease-in-out; }
.course-snapshot .star-list li { background: linear-gradient(to right, rgba(229, 9, 19, 0.05) 0%, rgba(255, 255, 255, 1) 100%); padding: 10px 20px; border-radius: 10px; display: flex; gap: 10px; align-items: flex-start; }
.course-snapshot .star-list li img { padding-top: 4px; }
.course-snapshot .star-list li:hover {background:#FFF3F5}
.course-snapshot .star-list li:last-child { box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .08); }
.course-snapshot ul.star-list { max-width: 90%; }
.course-snapshot-stats ul li:hover strong { font-size:38px}
.course-snapshot-img { display: flex;  gap: 20px; justify-content: space-between;}
.snapshot-img-1 { flex: 0 0 50%;}
.snapshot-img-right {    width: calc(50% - 20px); display: flex; flex-direction: column; justify-content: space-between;}
.wasc-block {  background-image: url(https://20918102.fs1.hubspotusercontent-na1.net/hubfs/20918102/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/wasc-arrow.png);    background-size: 50px; background-position: 0 3px;  background-repeat: no-repeat; background-color: #e50913; flex-grow: 1; border-radius: 15px; text-align: center; align-items: center; justify-content: center; display: flex; margin-bottom: 20px; color: #fff;flex-direction: column;}
.wasc-block b, .wasc-block storng { font-size: 34px; display: block; margin-bottom: 5px;}

.arabic .course-snapshot { direction: rtl; text-align: right;}
.arabic .course-snapshot-stats ul li {  text-align: right;}
.arabic .course-snapshot .star-list li { background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,243,245,1) 100%);}
.arabic .course-snapshot .star-list li:hover { background: #fff3f5;}
.arabic .course-snapshot .star-list li img { padding-top: 0; transform: rotate(180deg); margin-top: 5px;}
@media (max-width:767px) {
.course-snapshot-stats ul li, .arabic .course-snapshot-stats ul li {text-align: center;}
.stats-icon { margin: 0 auto 15px auto;}
.key-block-topbox { background: #FFF3F5; padding: 20px; border-radius: 15px;}
}

/* Module 3 key highlights tab */
.tab-key-highlights .nav-tabs button.nav-link { color: #000; font-weight: 600; font-size: 20px; margin: 0; border: 2px solid transparent; padding: 15px 0; }
.tab-key-highlights .nav-tabs li.nav-item { margin-right: 20px;}
.tab-key-highlights .nav-tabs {margin-bottom: 30px;border: none;}
.tab-key-highlights .nav-tabs button.nav-link:hover, .tab-key-highlights .nav-tabs button.nav-link.active:hover  { color:#E50913}
.tab-key-highlights .nav-tabs button.nav-link.active { border-bottom: 2px solid #E50913;}
.top-block-icon {flex: 0 0 70px; margin-right: 20px;}
.key-block-topbox { display: flex; margin-bottom: 30px;position: relative; border: 1px solid transparent; padding: 20px; border-radius: 15px;
  overflow: hidden;transition: border .3s ease;}
.key-block-topbox:before {background: linear-gradient(to right,  rgba(254,239,240,0) 0%,rgba(254,239,240,1) 50%,rgba(254,239,240,0) 100%);
 content: ""; height: 100%; left: -150px; position: absolute; top: 0; transition: left .3s ease; width: 150px; z-index: 0;}
.key-block-topbox:hover { border: 1px solid #e50913;}
.top-block-content h4 {margin: 0 0 5px; font-weight: 500;}
body .top-block-content p { font-size: 14px; color: #000; font-weight: 400;}
.tab-key-highlights .tab-content .accordion-item { background: #FFF8F8; border: none; border-radius: 15px; box-shadow: none;}
.tab-course-content {padding: 20px;}
.tab-key-highlights .tab-content .accordion-body { padding: 1.25rem;}
.tab-key-highlights .tab-content .accordion-body .img-for-mobile { display: none;}
.tab-key-highlights .nav-tabs { flex-wrap: nowrap; white-space: nowrap; overflow: hidden;} 
.key-block-topbox:hover::before { left: calc(100% - 75px);}

.arabic .key-highlights-module { direction: rtl;  text-align: right;}
.arabic .top-block-icon { margin-right: 0; margin-left: 20px;}


@media only screen and (max-width: 767px) {
.tab-key-highlights .nav-tabs button.nav-link { min-width: 150px; white-space: normal;}
.tab-key-highlights .nav-tabs li.nav-item {}
.tab-key-highlights .tab-content .accordion-item { background: none !important;}
.tab-key-highlights .tab-content .accordion-body { padding: 0;}
.tab-key-highlights .tab-content .accordion-body .row { flex-direction: column-reverse;}
.tab-key-highlights .tab-content .accordion-body .img-for-desktop { display: none;}
.tab-key-highlights .tab-content .accordion-body .img-for-mobile {display: block; margin-bottom: 20px;}
.tab-key-highlights  .tab-course-content { padding: 0;}
}

/* Module 4 Why choose this Program */

.Why-choose { background: linear-gradient(to bottom,  rgba(255,248,248,1) 0%,rgba(255,227,227,1) 100%); padding: 25px 25px 0 25px; border-radius: 15px;}
.Why-choose-module .Why-choose .point-title {  height: 55px;  -webkit-line-clamp: 2; line-height: normal;  -webkit-box-orient: vertical;  display: -webkit-box;  overflow: hidden;}
.Why-choose-pointbox .point-img-thumb img { border-radius: 15px 15px 0 0;}
.pointbox-content { background: #fff; padding: 25px; border-radius: 0 0 15px 15px;}
.Why-choose-pointbox { margin-bottom: 25px;}
.Why-choose.Why-choose-slider.owl-carousel {  display: none;}
.Why-choose-pointbox:hover { box-shadow: 0 5px 25px rgba(0,0,0,0.3); border-radius: 15px;}

.arabic .Why-choose-module .Why-choose-pointbox {  direction: rtl;}
.arabic .Why-choose-module .section-title-block { direction: rtl;}

@media (max-width:767px) {
.Why-choose {  display: none;}
.Why-choose.Why-choose-slider.owl-carousel.owl-loaded {  display: block;padding: 0; background: none;}
.Why-choose-module .Why-choose .point-title { display: block; height: initial;}
.Why-choose-module .owl-dots { position: initial;}
.Why-choose-module .owl-dots > button.owl-dot { width: 20px; border-radius: 5px; height: 10px;}
.Why-choose-module .owl-dots > button.owl-dot.active {background: #E50913;width:30px}
.pointbox-content {  box-shadow: -1px 0px 4px rgba(0,0,0,0.1);}
}

/* Module 5  WES Equivalency */

.wes-equivalency ul.list-icon-arrow li { display: flex; align-items: flex-start; gap: 10px; background: linear-gradient(to right,  rgba(255,243,245,1) 0%,rgba(255,255,255,1) 100%); border-radius: 10px;
 padding: 10px; margin-bottom: 10px;  font-weight: normal;  line-height: 24px; color:#000;}
.wes-equivalency ul.list-icon-arrow li:hover {background: #fff3f5;}
.wes-equivalency ul.list-icon-arrow li img {  padding-top: 5px;}
.wes-equivalency-certificate { background: #FFF8F8;  border: none; border-radius: 25px;padding: 20px;}
.wes-equivalency-certificate .certificate-img2 img { border: none; padding: 0; border-radius: 15px; box-shadow: 0 9px 15px rgba(0,0,0,0.15);}
.wes-equivalency .images-bottom-text { font-size: 12px; margin: 20px 0 0 0; font-weight: normal;}
body .wes-equivalency-content p { font-weight: normal; line-height: 28px;  color: #000;}

.arabic .wes-equivalency { direction: rtl;}
.arabic .wes-equivalency ul.list-icon-arrow li img { padding-top: 5px;  margin-top: 5px;  padding-top: 0;  transform: rotate(180deg);}
.arabic .wes-equivalency  ul.list-icon-arrow li { background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,243,245,1) 100%);}

/* Module 6  certificate */

.degree-certificate-slider26 {}
.degree-certificate-module26 .certificate-module-container {background: linear-gradient(to bottom,  rgba(255,248,248,1) 0%,rgba(255,227,227,1) 100%); padding:50px 25px; border-radius: 15px; color:#000}
.degree-certificate-slider .owl-nav { text-align: center; margin-top: 20px;}
.degree-certificate-slider .certificate-card {  background: #fff; padding: 25px;  border-radius: 15px;}
.degree-certificate-slider .owl-nav > button { width: 40px; height: 40px; border-radius: 30px; background: #ffffff !important;  border: none; font-size: 24px;  color: #1A202C; line-height: 40px; font-weight: normal;display: inline-block;
 vertical-align: middle; position: initial; transform: none; margin: 0;}
.degree-certificate-slider .owl-counter { width: 60px; text-align: center; display: inline-block;  vertical-align: middle; line-height: 40px;}
.degree-certificate-slider .owl-nav >  button:hover { box-shadow: 0 2px 15px rgba(0,0,0,0.2);}
.degree-certificate-slider .owl-nav>button.owl-next:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 600;}
.degree-certificate-slider .owl-nav>button.owl-prev:before { content: "\f104"; font-family: "Font Awesome 6 Free"; font-weight: 600;}
.degree-certificate-slider .owl-carousel .owl-nav .disabled {display: block !important; background: #f8f8f8;}
.degree-certificate-module26 .certificate-info {padding:0}
.degree-certificate-module26 .certificate-imges img { cursor: pointer;}
.degree-certificate-module26 .img-thumbnail-popup {display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.7); text-align: center; z-index: 99;}
.degree-certificate-module26 .img-thumbnail-popup img { max-width: 90%;max-height:80vh;margin-top: 10vh;border: 3px solid #fff;border-radius: 5px;}


.arabic .degree-certificate-module26 .certificate-info ul li  {background-position: right; padding-left: 0; padding-right: 25px;}
.arabic .degree-certificate-module26 .section-title-block, .arabic .degree-certificate-slider .certificate-card { direction: rtl;}


@media (max-width: 767px) {
  .wes-equivalency-content {  margin-top: 20px;}
  .degree-certificate-slider .certificate-card { padding: 0; background: transparent;}
  .degree-certificate-slider .owl-nav>button { font-size: 18px; line-height: 30px;}
}

/* Module 7  Video and Content */

.iframe-video-block { border-radius: 35px;  overflow: hidden; border: 1px solid #fff;  box-shadow: 0px 6px 4px 0px rgba(0,0,0,0.1);  transition: border 0.5s ease,}
.iframe-video-block:hover { border-radius: 20px;}

.arabic .video-and-content { direction: rtl;}

/* Module 8   Page Video Testimonials */

.video-testimonials .owl-dots {height:8px; left: calc(50% + 60px); min-width: calc(30% - 150px);  bottom: 6px;  right: initial;  border-radius: 5px; overflow: hidden;  background: #EBEBEB;}
.video-testimonials .owl-nav {display: flex; justify-content: space-between; position: absolute; left: 50%; min-width: calc(30% - 30px); z-index: 0;}
.video-testimonials .owl-nav > button {position: initial; background-color: #fff; border-radius: 30px; height: 40px; width: 40px; box-shadow: 0 3px 6px rgba(0, 0, 0, .2);}
.video-img { position: relative;  border-radius: 25px;  overflow: hidden;}
.video-slider-btn.open-video-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0;display: flex; align-items: center; justify-content: center;}
.video-slider-btn.open-video-link .vdo-play-btn4 { background: rgba(255,255,255,0.35);  width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; font-size: 34px;  color: #fff;
 margin: 0 auto; padding-left: 5px;}
.video-testimonials .pp-cmn-slider.owl-carousel .item {padding: 0;}
.video-testimonials .owl-dots button { margin: 0; border-radius: 0; flex-grow: 1;}
.video-testimonials .owl-dots > button.owl-dot { background:none;}
.video-testimonials .owl-dots > button.owl-dot.active { background: #E50913; border-radius: 5px; overflow: hidden;}
.video-testimonials .user-info { margin-bottom: 5%;}
.video-testimonials .user-info .h5-class { margin-bottom: 5px; display: block;}
.video-testimonials .owl-carousel .owl-nav .disabled {display: block !important;  opacity: 0.5;}
.video-testimonials .video-info-content { color: #000; font-weight: normal;}
.video-testimonials .user-info p {font-size: 18px; font-weight: normal;}


.arabic .section-title-block { direction: rtl;}
.arabic .video-slider.row {flex-direction: row-reverse;}
.arabic .video-slider .video-info-content {  direction: rtl; text-align: right;}
.arabic .video-testimonials .owl-dots { left: initial; right: calc(50% + 60px);}
.arabic .video-testimonials .owl-nav { left: initial; right: 50%;}

@media (max-width:767px) {
.video-testimonials .video-info-content { margin-top: 15px;padding-left: 10px;padding-right: 10px;}
.video-testimonials .owl-nav, .arabic .video-testimonials .owl-nav {min-width: 100%; left: 0; right: 0;}
.video-testimonials .owl-dots, .arabic .video-testimonials .owl-dots {width: calc(100% - 80px);  left: 0; right: 0; margin: 0 auto;}
.video-testimonials  .owl-stage-outer { padding-bottom: 60px;}
}

/* Module 9 Curriculum */

.syllabus-accordion-module .syllabus-stats { background: none; box-shadow: none; padding: 0; display: flex; gap:20px;flex-wrap: wrap;}
.syllabus-accordion-module .syllabus-stats .syllabus-stats-box { background: #FFF8F8; min-width:120px;border: none; border-radius: 10px; padding:50px 20px 20px 20px; justify-content: flex-end;
  align-items: flex-start; display: flex;flex-direction: column;  gap: 10px;}
.syllabus-accordion-module .syllabus-stats .syllabus-stats-box strong {  transition: font-size .1s ease-in-out;}
.syllabus-accordion-module .syllabus-stats .syllabus-stats-box:hover strong { font-size: 38px;}
.syllabus-accordion-module .syllabus-stats .syllabus-stats-box span { height: 40px; overflow: hidden;}
.syllabus-accordion-module .accordion-item {  box-shadow: 0 0px 12px rgba(0,0,0,0.1);  border-radius: 15px !important;  overflow: hidden; margin-bottom: 15px; border: 1px solid transparent;    padding: 10px 35px;}
.syllabus-accordion-module .accordion-header button.accordion-button {background: none; box-shadow: none; color: #000; line-height: initial; font-size: 24px; font-weight: 600; padding: 15px 0; display: block; padding-right:40px;}
.syllabus-accordion-module .accordion-header button.accordion-button b, 
.syllabus-accordion-module .accordion-header button.accordion-button strong { display: block; clear: both; line-height: initial; font-weight: normal; color: #E50913;}
.syllabus-accordion-module .accordion-header button.accordion-button span.syllabus-list-content { background: #000; color: #fff; font-size: 14px; font-weight: normal; padding: 8px;border-radius: 5px; margin: 5px;display: inline-flex;     padding: 8px;
 align-items: center; gap: 5px;}
.syllabus-accordion-module .accordion-body { padding: 15px 0; font-weight: normal; padding-right: 0;color: #0B0303;}
.syllabus-accordion-module .accordion-item.active .accordion-body { border-top: 1px solid #ccc;}
.syllabus-accordion-module .accordion-item .accordion-header .accordion-button::after {background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-down.png)
 center center no-repeat; position: absolute;top: 50%; right: 0; width: 40px; height: 40px; transform: translateY(-50%);} 
.syllabus-accordion-module .accordion-item.active .accordion-header .accordion-button::after {background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-up.png)
 center center no-repeat ;}
.syllabus-accordion-module .accordion-item.active { border-color: #FFA6AA;}
.syllabus-accordion-module h3.section-title {  margin-bottom: 8px;}







@media (max-width:767px) {
.syllabus-accordion-module .accordion-item { padding: 0 15px;}
.syllabus-accordion-module .accordion-header button.accordion-button {font-size: 18px;}
.syllabus-accordion-module .accordion-item .accordion-header .accordion-button:after { transform: none; top: 20px; background-size: 30px 30px !important; width: 30px; height: 30px;}
.syllabus-accordion-module .accordion-header button.accordion-button b, .syllabus-accordion-module .accordion-header button.accordion-button strong { display: block;}
.syllabus-accordion-module .accordion-header span.syllabus-box {display: block; margin-left: -5px;}
.syllabus-accordion-module .syllabus-stats .syllabus-stats-box { width: calc(50% - 20px); padding-top: 30px; gap: 20px; flex-grow: 1;}
}

.arabic  .syllabus-accordion-module { direction: rtl;text-align: right;}
.arabic  .syllabus-accordion-module .accordion-header .accordion-button { text-align: right;}
.arabic .syllabus-accordion-module .accordion-item.active .accordion-header .accordion-button:after, .arabic  .syllabus-accordion-module .accordion-item .accordion-header .accordion-button:after { left: 0;  right: initial;}
.arabic .syllabus-accordion-module .accordion-header button.accordion-button { padding-left: 40px; padding-right: 0;}


/* Module 10 Specialisations  */

.specialisations-accordion-module .syllabus-stats { background: none; box-shadow: none; padding: 0; display: flex; gap:20px;flex-wrap: wrap;}
.specialisations-accordion-module .syllabus-stats .syllabus-stats-box { background: #FFF8F8; width: calc(20% - 20px);border: none; border-radius: 10px; padding:50px 20px 20px 20px; justify-content: flex-end;
  align-items: flex-start; display: flex;flex-direction: column;  gap: 10px;}
.specialisations-accordion-module .syllabus-stats .syllabus-stats-box strong {  transition: font-size .1s ease-in-out;}
.specialisations-accordion-module .syllabus-stats .syllabus-stats-box:hover strong { font-size: 38px;}
.specialisations-accordion-module .syllabus-stats .syllabus-stats-box span { height: 40px; overflow: hidden;}
.specialisations-accordion-module .accordion-item {  box-shadow: 0 0px 12px rgba(0,0,0,0.1);  border-radius: 15px !important;  overflow: hidden; margin-bottom: 15px; border: 1px solid transparent;    padding: 10px 35px;}
.specialisations-accordion-module .accordion-header button.accordion-button {background: none; box-shadow: none; color: #000; line-height: initial; font-size: 24px; font-weight: 600; padding: 15px 0; display: block; padding-right:40px;
display: flex; flex-direction: column; align-items: flex-start;}
.specialisations-accordion-module  span.accordion-item-item_heading {float: right;}
.specialisations-accordion-module .accordion-header button.accordion-button b, 
.specialisations-accordion-module .accordion-header button.accordion-button strong { display: block; clear: both; line-height: initial; font-weight: normal; color: #E50913;}
.specialisations-accordion-module .accordion-header button.accordion-button span.syllabus-list-content { background: #000; color: #fff; font-size: 14px; font-weight: normal; padding: 8px;border-radius: 5px; margin: 5px 5px 5px 0;display: inline-flex;     padding: 8px;
 align-items: center; gap: 5px;}
.specialisations-accordion-module .accordion-body { padding: 15px 0; font-weight: normal; padding-right: 0;color: #0B0303;}
.specialisations-accordion-module .accordion-item.active .accordion-body { border-top: 1px solid #ccc;}
.specialisations-accordion-module .accordion-item .accordion-header .accordion-button::after {background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-down.png)
 center center no-repeat; position: absolute;top: 50%; right: 0; width: 40px; height: 40px; transform: translateY(-50%);} 
.specialisations-accordion-module .accordion-item.active .accordion-header .accordion-button::after {background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-up.png)
 center center no-repeat ;}
.specialisations-accordion-module .accordion-item.active { border-color: #FFA6AA;}
.specialisations-accordion-module h3.section-title {  margin-bottom: 8px;}


@media (max-width:767px) {
.specialisations-accordion-module .accordion-item { padding: 0 15px;}
.specialisations-accordion-module .accordion-header button.accordion-button {font-size: 18px;}
.specialisations-accordion-module .accordion-item .accordion-header .accordion-button:after { transform: none; top: 20px; background-size: 30px 30px !important; width: 30px; height: 30px;}
.specialisations-accordion-module .accordion-header button.accordion-button b, .syllabus-accordion-module .accordion-header button.accordion-button strong { display: block;}
.specialisations-accordion-module .accordion-header span.syllabus-box {display: block; float:none; margin-left: -5px;}
.specialisations-accordion-module .syllabus-stats .syllabus-stats-box { width: calc(50% - 20px); padding-top: 30px; gap: 20px; flex-grow: 1;}
}

.arabic  .specialisations-accordion-module { direction: rtl;text-align: right;}
.arabic  .specialisations-accordion-module .accordion-header .accordion-button { text-align: right;}
.arabic .specialisations-accordion-module .accordion-item.active .accordion-header .accordion-button:after, .arabic  .specialisations-accordion-module .accordion-item .accordion-header .accordion-button:after { left: 0;  right: initial;}
.arabic .specialisations-accordion-module .accordion-header button.accordion-button { padding-left: 40px; padding-right: 0;}


/* Module 11 support module */

.upgrad-support-module {background: linear-gradient(to bottom,  rgba(255,248,248,1) 0%,rgba(255,227,227,1) 100%);padding: 35px; border-radius: 15px;}
.upgrad-support-module .support-main-tab > .nav-tabs > .nav-item > .nav-link-during-support-new:before { display:none}
.upgrad-support-module .support-main-tab > .nav-tabs > .nav-item > .nav-link-during-support-new.active:before { display:none}
.upgrad-support-module .support-main-tab > .nav-tabs > .nav-item > .nav-link-during-support-new.active { background: #E50913;color: #fff;padding: 7px 15px; border-radius: 15px 15px 0 0;text-transform: uppercase;}
.upgrad-support-module .support-main-tab > .nav-tabs>.nav-item > .nav-link-during-support-new {color: #000; border-radius: 15px 15px 0 0; padding: 7px 15px; text-transform: uppercase; margin-right: 10px;}
.upgrad-support-module .support-main-tab > .tab-content.support-new-content { background: #fff;padding: 25px; box-shadow: none; border: none; border-radius: 0 15px 15px 15px;}
.upgrad-support-module .support-main-tab > .nav-tabs {border-bottom: none;}
.upgrad-support-module .support-tab { display: block;     padding-top: 0;}
.upgrad-support-module .support-tab .nav { width: auto;max-width: 100%;}
.upgrad-support-module .support-tab .nav .nav-item { width: auto; display: inline-block; margin-right:25px;}
.upgrad-support-module .support-tab .nav .nav-item .nav-link-during-support-new, .upgrad-support-module .support-tab .nav .nav-item .nav-link-during-support-new.active { background: none; border: none; box-shadow: none; padding: 10px 0 !important;    border-radius: 0;
min-height: initial; color:#000; font-weight: 600;}
.upgrad-support-module .support-tab .nav .nav-item .nav-link-during-support-new.active { border-bottom: 2px solid #E50913;}
.upgrad-support-module:before { display:none}
.upgrad-support-module .support-tab .nav { margin-right: 0;}
.upgrad-support-module .support-tab .nav.nav-tabs { flex-wrap: nowrap; overflow: hidden; white-space: nowrap;min-width: initial; width: initial; max-width: initial;}


@media (max-width:767px) {
.upgrad-support-module .support-tab .nav.nav-tabs li.nav-item { min-width: 150px; white-space: normal;}
.upgrad-support-module {padding: 15px;}
.upgrad-support-module .support-main-tab>.tab-content.support-new-content {padding: 10px;}

}

.arabic .upgrad-support-module .support-main-tab { direction: rtl;}
.arabic .upgrad-support-module .support-tab .accordion-body ul li { background-position: right; padding-left: 0; padding-right: 25px;}
.arabic .upgrad-support-module .support-tab .nav .nav-item { margin-right: 0; margin-left: 25px;}
.arabic  .upgrad-support-module .support-main-tab>.tab-content.support-new-content {border-radius:15px;}


/* Module 12 support module */

.upgrad-skill-support-module {background: linear-gradient(to bottom,  rgba(255,248,248,1) 0%,rgba(255,227,227,1) 100%);padding: 35px; border-radius: 15px;}
.upgrad-skill-support-module .support-main-tab > .nav-tabs > .nav-item > .skills-nav-link:before { display:none}
.upgrad-skill-support-module .support-main-tab > .nav-tabs > .nav-item > .skills-nav-link.active:before { display:none}
.upgrad-skill-support-module .support-main-tab > .nav-tabs > .nav-item > .skills-nav-link.active { background: #E50913;color: #fff;padding: 7px 15px; border-radius: 15px 15px 0 0;text-transform: uppercase;}
.upgrad-skill-support-module .support-main-tab > .nav-tabs > .nav-item > .skills-nav-link {color: #000; border-radius: 15px 15px 0 0; padding: 7px 15px; text-transform: uppercase; margin-right: 10px;}
.upgrad-skill-support-module .support-main-tab > .tab-content.support-content { background: #fff;padding: 25px; box-shadow: none; border: none; border-radius: 0 15px 15px 15px;}
.upgrad-skill-support-module .support-main-tab > .nav-tabs {border-bottom: none;}
.upgrad-skill-support-module .skill-tab { display: block;    padding-top: 0;}
.upgrad-skill-support-module .skill-tab .nav { width: auto;max-width: 100%;}
.upgrad-skill-support-module .skill-tab .nav .nav-item { width: auto; display: inline-block; margin-right:25px;}
.upgrad-skill-support-module .skill-tab .nav .nav-item .skills-nav-link, .upgrad-skill-support-module .skill-tab .nav .nav-item .skills-nav-link.active { background: none; border: none; box-shadow: none; padding: 10px 0 !important;    border-radius: 0;
min-height: initial; color:#000; font-weight: 600;}
.upgrad-skill-support-module .skill-tab .nav .nav-item .skills-nav-link.active { border-bottom: 2px solid #E50913;}
.upgrad-skill-support-module:before { display:none}
.upgrad-skill-support-module .skill-tab .nav { margin-right: 0;}
.upgrad-skill-support-module .skill-tab .nav.nav-tabs { flex-wrap: nowrap; overflow: hidden; white-space: nowrap;min-width: initial; width: initial; max-width: initial;}


@media (max-width:767px) {
.upgrad-skill-support-module .skill-tab .nav.nav-tabs li.nav-item { min-width: 150px; white-space: normal;}
.upgrad-skill-support-module {padding: 15px;}
.upgrad-skill-support-module .support-main-tab>.tab-content.support-content {padding: 10px;}

}

.arabic .upgrad-skill-support-module .support-main-tab { direction: rtl;}
.arabic .upgrad-skill-support-module .skill-tab .accordion-body ul li { background-position: right; padding-left: 0; padding-right: 25px;}
.arabic .upgrad-skill-support-module .skill-tab .nav .nav-item { margin-right: 0; margin-left: 25px;}
.arabic  .upgrad-skill-support-module .support-main-tab>.tab-content.support-content {border-radius:15px;}

/* Module 13 About Course */

.about-the-course-module .free-course-slider { margin: 0;}
.about-the-course-module .free-course-block {box-shadow: none;}
.about-the-course-module .free-course-info {padding: 10px;text-align: center;}
.about-the-course-module .free-course-img-block { position: relative;border-radius: 25px; overflow: hidden; height: auto;}
.about-the-course-module .free-course-img-block .ribbon-text {position: absolute; top: 0; left: 0; background: #E50913; padding: 5px 25px; color: #fff; border-radius: 0 0  15px 0;}
.about-the-course-module .collage-image-section { text-align: center; margin-top: 20px; position: relative;}
.about-the-course-module .collage-image-section:before { content: "";background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);position: absolute;top: 0;left: 0; width: 25%; height: 100%; z-index: 1;}
.about-the-course-module .collage-image-section:after { content: "";background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%); position: absolute; top: 0; right: 0; width: 25%; height: 100%;z-index: 1;}
.about-the-course-module .collage-image-section img { width: 100%;}
.about-the-course-module .marquee-wrapper-collage { position: relative; overflow: hidden;width: 100%;}
.about-the-course-module .marquee-wrapper-collage:first-child { margin-bottom:20px}
.about-the-course-module .marquee-track { display: inline-block; white-space: nowrap;  will-change: transform;}
.about-the-course-module .marquee-logo-img { display: inline-block; margin: 0 10px;}
.about-the-course-module .marquee-logo-img img { border-radius: 10px;}


/* Right-to-left */
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* move half because of duplicate */
}

/* Left-to-right */
@keyframes scroll-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.about-the-course-module .marquee-track.left { animation: scroll-left 20s linear infinite;}
.about-the-course-module .marquee-track.right { animation: scroll-right 20s linear infinite;}
.about-the-course-module .collage-image-section .marquee-wrapper:first-child { margin-bottom: 20px;}

@media (max-width:767px) {
.section-title-col {margin-bottom: 20px;}
.about-the-course-module .collage-image-section {margin-top: 0px;}
.about-the-course-module .free-course-info h5 {margin-bottom: 0;}
}
.arabic  .about-the-course-module .row { flex-direction: row-reverse;}
.arabic .section-title-col { direction: rtl;}
.arabic .about-the-course-module .free-course-img-block .ribbon-text { left: initial; right: 0; border-radius: 0 0 0  15px;}


/* Module 14 Faq */

.faq-module-section .faq-tab {  display: block;}
.faq-module.faq-module-section .faq-tab .faq-nav-tab {background: #FFF8F8; padding: 10px 10px; border-radius: 50px; margin-bottom: 20px;}
.faq-module.faq-module-section .faq-tab .nav {width: auto; min-width: initial; max-width: 100%; display: flex; margin: 0; }
.faq-module.faq-module-section .faq-tab .nav .nav-item {width: auto;}
.faq-module.faq-module-section .faq-tab .nav .nav-item .nav-link {border: none; padding: 10px 25px; min-height: initial; margin: 0; font-weight: 600; color: #000;}
.faq-module.faq-module-section .faq-tab .nav .nav-item .nav-link.active { background: #E50913;color: #fff; border-radius: 25px; box-shadow: none; min-height: initial;}
.faq-module.faq-module-section .accordion-body .inr-accordion .accordion-item { box-shadow: 0 0px 5px rgba(0,0,0,0.1); padding: 25px; border-radius: 15px !important;  margin-bottom: 20px;}
.faq-module.faq-module-section .inr-accordion .accordion-button { padding-top: 0; border: none; margin-bottom: 0;padding-left: 0; padding-right: 0; display: flex;  gap: 10px; align-items: flex-start;    padding-bottom: 0; }
.faq-module.faq-module-section .inr-accordion .accordion-button:not(.collapsed):after { background-image: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-up.png); transform: inherit; height: 40px; width: 40px}
.faq-module.faq-module-section .inr-accordion .accordion-button:after { background-image: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/accordion-arrow-down.png);background-size: cover; height: 40px; width: 40px; }
.faq-module.faq-module-section .inr-accordion .accordion-body { border-bottom: none; padding: 0 0 15px; border-top: 1px solid #e6e6e6; padding-top: 20px; color: #000; font-weight: normal;    margin-top: 20px;}
.faq-module.faq-module-section .faq-tab .nav.nav-tabs { flex-wrap: nowrap; overflow: hidden; white-space: nowrap;min-width: initial; width: initial; max-width: initial;}
.faq-module.faq-module-section .inr-accordion .accordion-button:not(.collapsed) { color:#000}

@media (max-width:767px) {
.faq-module.faq-module-section .faq-tab .nav.nav-tabs li.nav-item { min-width: 150px; white-space: normal;}
}

.arabic .faq-module.faq-module-section { direction: rtl;}
.arabic .faq-module.faq-module-section .inr-accordion .accordion-button:after {  margin-left: initial;}
.arabic .faq-module.faq-module-section .inr-accordion .accordion-button { justify-content: space-between; text-align: right;}

/* Module 15  instructors */

.instructors-stats { align-items: center; display: inline-flex; gap: 7px; color: #E50913; font-size: 23px; font-weight: normal; line-height: initial; border-bottom: 1px solid #E50913;
 justify-content: flex-start; width: auto; padding-bottom: 10px;}
.instructors-stats-outer {display: flex;  gap: 30px;  flex-wrap: wrap;}
.circle-wrapper { position: relative; width: 190px;height: 190px;  margin: auto; margin: 0 0 0 40px;}
.half-border {position: absolute; inset: 0;  border-radius: 50%; background: linear-gradient(to bottom,  rgba(255,210,212,1) 0%,rgba(255,210,212,1) 50%,rgba(229,9,19,1) 51%,rgba(229,9,19,1) 100%);
transform: rotate(0deg); transition: transform 0.2s ease; }
.instructor-img { position: absolute; inset: 15px; width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 50%; object-fit: cover; background: #fff;  z-index: 2;}
.circle-wrapper:hover .half-border { transform: rotate(180deg); }
.card-img { position: absolute; left: 10px; top: 10px; height: 100%; background: #fff; width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.card-img img { width: 170px; height: 170px;}
.half-bottom-border { border-radius: 50%; position: absolute; background: linear-gradient(to bottom,  rgba(229,9,19,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
inset: 0; transform: rotate(0deg); transition: transform 1s ease; width: calc(100% + 2px); left: -1px;    bottom: -1px;}
.ins-card-info { margin-top: -96px; border: 1px solid #DCDCDC; padding: 15px; border-radius: 15px 75px 15px 15px; padding-top: 105px; flex-grow: 1;display: flex;
    flex-direction: column;} 
.instructors-industry-module .instructors-slider 
.ins-card-info h3 { font-size: 20px;line-height: initial; min-height: initial; margin: 0;}
.instructors-card-logo {display: flex; align-items: center; gap: 15px; color: #333; text-transform: uppercase; margin: 15px 0;}
.instructor-brief {font-size: 14px; line-height: 20px;font-weight: normal; margin-bottom: 20px;    flex-grow: 1;}
.instructor-social-profile { display: flex; align-items: center; gap: 5px;}
.instructor-social-profile img { max-height: 18px;}
.instructors-industry-module  .instructors-card-slider .owl-carousel .owl-item .item{ padding-left: 2px; padding-right: 2px;}
.instructors-industry-module .instructors-box { height: 100%; position: relative;  display: flex; flex-direction: column;}
.instructors-industry-module .owl-carousel .owl-item .instructors-card-logo-thumb img { max-height: 50px;}
.instructors-industry-module .instructors-box .instructor-brief {max-height: 125px;  overflow-y: auto;}

@media (max-width:767px) {
.instructors-industry-module .instructors-box .instructor-brief { height: auto; max-height: initial;}
}


.arabic .instructors-stats-outer { direction: rtl;}
.arabic .ins-card-info { direction: rtl;  border-radius: 75px 15px 15px 15px;}
.arabic .instructors-box { direction: rtl;}
.arabic .circle-wrapper { margin-left: initial; margin-right: 40px;}
.arabic .half-bottom-border { right:-1px}


/* Module 16  instructors */

.about-the-program .ug-about-the-program-items {margin: 0; display: initial;}
.about-the-program .ug-about-the-program-items .ug-prg-icon { width: auto; min-width: initial; max-width: initial; margin: 0 auto; display: block;text-align: center;}
.about-the-program .ug-prg-info h4 { margin-bottom: 20px; font-weight: normal; font-size: 18px;}
.about-the-program .ug-prg-info { color: #000;}

@media (max-width:767px) {
.about-the-program .ug-about-the-program-items .ug-prg-icon { margin-bottom: 20px;}
}

.arabic .about-the-program  .ug-about-the-program-items { direction: rtl;}


/* Module 17  pricing */

.pricing-module-new { background: #FFF8F8; border-top: 10px solid #FFEAEA; color: #000;border-radius: 15px;}
.pricing-module-new .ug-program-price-wrapper  h3 { color: #E50913; text-transform: uppercase; font-size: 18px; margin: 0 0 5px 0;line-height: initial;}
.pricing-module-new h2 { color: #000;   }
.pricing-module-new:before { display:none}
.pricing-module-new .price-box { background: #fff; box-shadow: 0px 4px 11.4px 0px #0000000F; border-radius: 100px; padding: 25px; text-align: center; max-width: 380px; margin-left: auto;  margin-right: auto;}
.pricing-module-new .price-box h2.ug-program-pricing-title {color: #000; font-weight: 500;}
.pricing-module-new .price-box .price-scholarships strong { display: block;}
.price-disclaimer {font-size: 12px; color: #666; text-align: center; margin-top: 40px;}
.price-cta a.hs-button { color: #fff; border: none;}

@media (max-width:767px) {
.pricing-module-new .price-box { margin-top: 30px;}
}

.arabic .pricing-module-new { direction: rtl;}

/* Module 18  refer and earn */

.refer-and-earn-rewards {background:  linear-gradient(180deg, #FFF8F8 0%, #FFE3E3 100%);padding: 70px 35px 35px 35px; border-radius: 15px;}
.refer-and-earn-rewards:before { display:none}
.refer-and-earn-rewards h2 {  font-weight: 600;}
.refer-and-earn-description { color: #000;font-weight: normal;}
.refer-and-earn-rewards .btn-group3 { display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.refer-and-earn-rewards .btn-group3 span { margin-left: 0px;}

@media (max-width:767px) {
.refer-and-earn-rewards .btn-group3 {margin-top: 20px;}
}

.arabic .refer-and-earn-rewards { direction: rtl;}

/* Module 19  scholarship */

.scholarship-stats-new {margin-bottom: 20px;}
.scholarship-stats-new ul {display: flex;flex-wrap: wrap; gap: 10px;}
.scholar-ship-module {background: linear-gradient(to bottom,  rgba(255,248,248,1) 0%,rgba(255,227,227,1) 100%);padding: 35px; border-radius: 15px;}
.scholarship-stats-new ul li { width: calc(25% - 10px);}
.stats-group-box { background: #fff; display: flex; text-align: left; gap: 10px; padding: 15px; border-radius: 10px;}
.stats-group-box-icon { min-width: 50px; text-align: center;}
.stats-group-box .stats-group-box-content h4 { margin:0; font-size:26px}
.scholarship-card:before, .scholarship-card:after { display:none}
.scholarship-card { height: 100%; min-height: initial; margin: 0; box-sizing: border-box; box-shadow: 0px 0px 9px 0px #00000021;    padding: 40px 25px 25px 25px;}
.scholarship-slider.owl-carousel .owl-item .item { padding: 50px 10px 10px 10px;}
.scholar-ship-module .owl-nav > button { top: calc(50% + 25px);}
.scholar-ship-module .owl-nav > button.owl-prev { left: -15px;}
.scholar-ship-module .owl-nav > button.owl-next { right: -15px;}
.scholarship-info-block { margin: 0; padding: 15px 0 0 0; border-top: 1px solid #D3D3D3;}
.scholar-ship-module .scholarship-quote-text {line-height: 26px; margin-bottom: 15px; color: #000; font-weight: normal;}
.scholar-ship-module .scholarship-img img { border-radius: 10px; overflow: hidden;}
.scholar-ship-module .scholarship-info p { color: #000; font-weight: normal;}
.scholar-ship-module .scholarship-quote-icon { position: absolute;top: -35px; width: 65px;height: 65px; background: #fff; text-align: center;line-height: 50px;box-shadow: 0px 4px 5px 0px #0000000F;    border-radius: 50px;
 display: flex; align-items: center; justify-content: center;  left: 30px;}
.scholar-ship-module .scholarship-quote-icon img {  width: auto !important;  height: auto !important;}
.scholar-ship-module .stats-group-box-description { color: #000;  font-weight: normal;}

@media (max-width:991px) {
.scholarship-stats-new ul li { width: calc(50% - 10px);}
.scholar-ship-module {padding: 15px;}
.scholarship-stats-new ul li { width: 100%;}
.scholarship-img {max-width: 50px; min-width: 50px;  align-self: flex-start;}
}

.arabic .scholarship-stats-new { direction: rtl; text-align: right;}
.arabic .stats-group-box {text-align: right;}
.arabic .scholarship-card { direction: rtl;}
.arabic .scholar-ship-module .scholarship-quote-icon {left: initial;right: 30px;}
.arabic .scholarship-info { padding-left: 0;padding-right: 13px;}




/* Module 20  dba vs phd  */

.dba-vs-phd-module h3.section-title { margin-bottom: 20px;}
.dba-vs-phd-module .certificate-img2 img { border: none; background: #FFF8F8; border-radius: 15px;box-shadow: none;}
.dba-vs-phd-module ul {padding-left: 20px;}
.dba-vs-phd-module ul li { list-style: disc;}

.arabic .dba-vs-phd-module { direction: rtl; text-align: right;}
.arabic .dba-vs-phd-module ul {padding-left: 0; padding-right: 20px;}


/* Module 21  how to apply */

.how-to-apply-module:after, .how-to-apply-module:before,.apply-slider.owl-carousel .owl-item .item:before { display:none}
.how-to-apply-module .apply-slider.owl-carousel { box-shadow: none; background: none; padding: 0 0 70px 0; border-radius: 0;}
.how-to-apply-module .apply-icon { background: none; border-radius: 0;}
.how-to-apply-module .apply-block {background: linear-gradient(to right,  rgba(255,243,245,1) 0%,rgba(255,255,255,1) 100%); border-radius: 10px; padding: 15px 25px;margin-bottom: 40px;}
.how-to-apply-module .apply-info h5 {margin: 0; font-weight: normal;}
.how-to-apply-module .apply-slider.owl-carousel .owl-item .apply-card-block {padding: 25px;}
.how-to-apply-module .owl-carousel .owl-stage-outer { border: 1px solid #e50913; border-radius: 20px;  overflow: hidden;}
.how-to-apply-module .apply-slider.owl-carousel .owl-item:first-child { border-left: none;}
.how-to-apply-module .apply-slider.owl-carousel .owl-item { border-left: 1px solid #e50913;   border-radius: 20px;overflow: hidden;}
.how-to-apply-module .apply-slider.owl-carousel .owl-item .item { padding:0; width:100%}
.how-to-apply-module .apply-card-block-content { /* width: 250px; */ padding-bottom: 40px;}
.how-to-apply-module .section-title-block.how-to-apply-section-title-block { display: flex;}
.how-to-apply-module .section-title-block.how-to-apply-section-title-block .apply-cta-btn a { color: #fff; border: none;}
.how-to-apply-module .apply-card-number { display: flex;justify-content: space-between; background: #E50913; padding: 10px 30px; width: 90%; position: absolute; left: 0; bottom: 0; right: 70px; border-radius: 0 25px 25px 0;color: #fff; font-weight: 600; font-size: 24px;}
.how-to-apply-module .apply-slider.owl-carousel .owl-item .apply-card-number img { width: auto;    height: auto;}
.how-to-apply-module .apply-card-block h5 { color: #E50913; margin-bottom: 20px; font-size: 24px; line-height: initial; font-weight: 600;height: auto;}
.how-to-apply-module .section-title-block.how-to-apply-section-title-block .section-title-col { flex-grow: 1;}
.how-to-apply-module .section-title-block.how-to-apply-section-title-block  .apply-cta-btn { align-self: center;}
.how-to-apply-module  .apply-slider.owl-carousel .owl-nav { position: absolute; bottom: 10px;  right: 0;  width: 30%;}
.how-to-apply-module .owl-dots { bottom: 18px; left: initial; right: 80px; width: calc(30% - 160px);    background: #ddd; border-radius: 10px;height: 8px;}
.how-to-apply-module  .owl-nav>button {background-color: #fff; border-radius: 30px;  /* box-shadow: 0 3px 6px rgba(0,0,0,.2); */ height: 40px;  width: 40px;}
.how-to-apply-module .owl-dots button { border-radius: 0; flex-grow: 1; margin: 0}
.how-to-apply-module .owl-dots>button.owl-dot { background: none; height: 8px;}
.how-to-apply-module  .owl-dots>button.owl-dot.active { background: #e50913; border-radius: 5px; overflow: hidden}
.how-to-apply-module  .owl-carousel .owl-nav .disabled {  display: block!important;  opacity: .5;}


@media (max-width:767px) {
.how-to-apply-module .section-title-block.how-to-apply-section-title-block { flex-wrap: wrap; display: block;}
.how-to-apply-module .owl-dots {
    width: calc(300px - 160px);
    bottom: 29px;
}
  .how-to-apply-module .apply-slider.owl-carousel .owl-nav {
    width: 300px;
    margin-bottom: 10px;
}
}
.arabic  .how-to-apply-module .apply-block { direction: rtl;}
.arabic .apply-info { padding-left: 0;padding-right: 20px;}
.arabic  .apply-card-block-content {  direction: rtl;}
.arabic .how-to-apply-module .apply-card-number img { transform: rotate(180deg);}
.arabic .how-to-apply-module .apply-card-number { right: 0; left: inherit; border-radius: 25px 0 0 25px;}
.arabic .how-to-apply-module .apply-slider.owl-carousel .owl-item { border-left: none; border-right: 1px solid #e50913;}
.arabic .how-to-apply-module .apply-slider.owl-carousel  .owl-item.active-last.active { border-right: none;}
.arabic .how-to-apply-module .apply-block {background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,243,245,1) 100%);}


/* end Program page new css 2026 */


/* Additional Module New css 2026 */

/* Additional Module 22  how to apply */
.placement-mentorship-interviews-module .stats-box {  background: #FFF8F8; padding: 25px 25px 40px 25px; border-radius: 15px;    margin-bottom: 20px;}
.placement-mentorship-interviews-module .stats-box .stats-icon-thumb {  margin-bottom: 15px;}

.arabic .placement-mentorship-interviews-module .stats-box { direction: rtl; text-align: right;}

.program-journey-box .journey-box-contentbox { padding: 0; width: 70%; box-shadow: 0px 2px 11.9px 0px #0000001A; border: 1px solid #E4E4E4; border-radius: 20px; margin-bottom: 15px;}
.journey-box-title { width: 30%;}
.separator-line:after { border-left: 2px solid  #e50913; content: ""; font-size: 34px; height: calc(100% - 45px); left: 0;    top: 45px; letter-spacing: 4px; margin: 0 auto; position: absolute; right: 0;width: 1px;}
.credits-point { background: #E50913; display: inline-block; padding: 5px 10px; width: 120px; border-radius: 15px 0 15px 0; color: #fff; margin-bottom:15px;text-align: center; line-height: 18px;}
.program-journey-block .tab-tittle {color: #E50913; font-weight: 600;}
.journey-box-point { padding: 0 25px 25px 25px;}
.journey-box-point ul { padding-left: 25px;}
.journey-box-point li {list-style: disc; margin-top: 5px;}
.program-journey .program-journey-box:nth-child(2n) .separator-line {  order: initial;}


@media (max-width:767px) {
.journey-box-title, .program-journey-box .journey-box-contentbox {  width: 100%;}
.program-journey { padding-left: 50px}
.program-journey-box {position: relative;}
  .separator-line {
    height: 100%;
    left: -60px;
    position: absolute;
    text-align: center;
    width: 50px;
}
  .separator-line:after {
    height: 100%;
}
  .program-journey-block .tab-tittle {
    margin-bottom: 15px;
}
  
}

.arabic .program-journey-box {direction: rtl; text-align: right;}
.arabic .program-journey-block .section-title-block, .arabic .program-journey-block .section-title-block h3.section-title {
    text-align: center !important;
}

/* Additional Module 23  Leadership-journey-module */
.Leadership-journey-module .journey-box {    display: flex;  flex-direction: column;box-shadow: 0px 2px 11.9px 0px #0000001A; background: #fff; padding: 15px 15px 30px 15px; border-radius: 20px;}
.Leadership-journey-module .journey-box .point-title {     font-weight: 500; height: 55px;  -webkit-line-clamp: 2; line-height: normal;  -webkit-box-orient: vertical;  display: -webkit-box;  overflow: hidden;}
.Leadership-journey-module .journey-box .journey-image { height:200px}
.Leadership-journey-module .journey-box .journey-image img { border-radius: 15px 15px 0 0; max-height:200px}
.Leadership-journey-module .journey-slider-new .owl-item .item, .Leadership-journey-module .journey-slider-new .owl-item .item .journey-box { height: 100%;}
.Leadership-journey-module .journey-content { color: #5E5F5E; line-height: 24px; font-weight: normal; margin-bottom:20px;    flex-grow: 1;}
.Leadership-journey-module .read-more-link { display: flex; align-items: center;  gap: 8px;}
.Leadership-journey-module .read-more-link a { text-decoration: underline !important;}
.Leadership-journey-module .journey-slider-new .owl-stage-outer { }
.Leadership-journey-module .journey-slider-new .owl-item .item { padding:10px}

.arabic .journey-box { direction: rtl; text-align: right;}
.arabic .journey-box .read-more-link i { transform: rotate(180deg);}

/* Additional Module 24  what-our-learners-says-module */
.learner-review-slider .owl-carousel .owl-item img { width: auto; }
.what-our-learners-says-module .learner-img img { border-radius: 10px; }
.what-our-learners-says-module .learner-info-block { padding: 0; align-items: center; margin-bottom: 20px; gap:15px;}
.what-our-learners-says-module .learner-info-block .learner-info {padding: 0;}
.what-our-learners-says-module .learner-review-box h4 { font-weight: 500; font-size: 24px; height: 55px; -webkit-line-clamp: 2; line-height: normal; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; margin-bottom: 20px; }
.what-our-learners-says-module .review-description { display: none; }
.what-our-learners-says-module { background: linear-gradient(180deg, #FFF8F8 0%, #FFE3E3 100%); padding: 25px;    border-radius: 15px; }
.what-our-learners-says-module .read-more-link { color: #E50913; }
.what-our-learners-says-module .learner-review-box { background: #fff; box-shadow: 0px 0px 9px 0px #00000021; border-radius: 20px; padding: 60px 25px 25px; }
.what-our-learners-says-module  .owl-item .item {  padding: 25px 10px 10px 10px;}
.what-our-learners-says-module .owl-nav>button {top: 50%;}
.what-our-learners-says-module  .quote-icon { align-items: center; background: #fff; border-radius: 50px; box-shadow: 0 4px 5px 0 #0000000f; display: flex; height: 65px; justify-content: center; left: 30px; line-height: 50px; position: absolute; text-align: center; top: 0px; width: 65px; }
.what-our-learners-says-module .owl-nav>button.owl-prev { left: -14px; }
.what-our-learners-says-module .owl-nav>button.owl-next { right: -14px; }
.what-our-learners-says-module .review-popup { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; z-index:9999; }
.what-our-learners-says-module .close-popup { position:absolute; top:10px; right:15px; cursor:pointer; font-size:44px; }
.what-our-learners-says-module .popup-nav { margin-top:15px; text-align:center; }
.what-our-learners-says-module .popup-nav button { margin:0 ; }
.what-our-learners-says-module .review-counter { margin: 0 15px; font-weight: bold; }
.what-our-learners-says-module  .review-popup-content { max-width: 600px;margin-left: auto; margin-right: auto; top: 50%; position: absolute; transform: translateY(-50%);
left: 0; right: 0; background: #fff; border-radius: 20px; padding: 20px 20px 70px 20px;max-height: 80vh;}
.review-popup-content .learner-review-box {box-shadow: none; padding: 0;}
.review-popup-content .learner-review-box a.read-more-link { display: none;}
.review-popup-content .learner-review-box .review-description { display: block; height: 180px; overflow: auto;    padding-bottom: 10px;}
.review-popup-content .next-review { background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/next-arw.png) center center no-repeat;}
.review-popup-content .prev-review  {background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/prev-arw.png) center center no-repeat;}
.review-popup-content .next-review, .review-popup-content .prev-review { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center;
 border: none; background-color: #fff; border-radius: 30px;}
.what-our-learners-says-module .popup-nav { background: #E50913; width: 150px; margin: 0px auto; border-radius: 35px; padding: 5px; color: #fff; display: flex; align-items: center; justify-content: space-between;
 position: absolute; left: 0;  right: 0;  bottom: 15px;}

.what-our-learners-says-module  .owl-carousel .owl-nav { position: absolute; bottom: -70px;  right: 0;  width: 30%;}
.what-our-learners-says-module .owl-dots { background: #ddd; border-radius: 10px; bottom: -62px; height: 8px; left: auto; right: 30px; width: calc(30% - 60px);}
.what-our-learners-says-module .owl-nav>button {background-color: #fff; border-radius: 30px;  /* box-shadow: 0 3px 6px rgba(0,0,0,.2); */ height: 40px;  width: 40px;}
.what-our-learners-says-module .owl-dots button { border-radius: 0; flex-grow: 1; margin: 0}
.what-our-learners-says-module .owl-dots>button.owl-dot { background: none; height: 8px;}
.what-our-learners-says-module  .owl-dots>button.owl-dot.active { background: #e50913; border-radius: 5px; overflow: hidden}
.what-our-learners-says-module .owl-carousel .owl-nav .disabled {  display: block!important;  opacity: .5;}
.what-our-learners-says-module .review-popup-content .quote-icon { display:none}

@media (max-width:767px) {
.what-our-learners-says-module { padding:15px}
}
.arabic .what-our-learners-says-module .learner-review-box { direction: rtl; text-align: right;}
.arabic .what-our-learners-says-module .close-popup { left: 15px; right: initial;}

/* Additional Module 25  program-highlights-items-list */
.program-highlights-items-list .ug-about-the-program-items {background: linear-gradient(90deg, #FFF8F8 0%, rgba(255, 255, 255, 0) 100%); padding:20px 15px; border-left: 5px solid #E50913;}
body .program-highlights-items-list .ug-about-the-program-items p {color: #666666; font-weight: normal; line-height: 26px;}
.program-highlights-items-list .ug-about-the-program-items .ug-prg-icon { margin-right: 20px; margin-top: 7px; max-width: 90px; min-width: 90px; width: 90px;text-align: center;}
.program-highlights-items-list .bottom-tag-line { color: #E50913; margin-top: 25px; font-weight: normal;}


@media (max-width:767px) {
.program-highlights-items-list .ug-about-the-program-items {  display: block;}
.program-highlights-items-list .ug-about-the-program-items .ug-prg-icon { margin-bottom: 15px;}
}

.arabic .program-highlights-items-list .ug-about-the-program-items { direction: rtl;text-align: right; border-left: 0; border-right: 5px solid #e50913;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF8F8 100%);}


/* Additional Module 26  additional-disclaimer-card */
.additional-disclaimer-card { background: linear-gradient(180deg, #FFF8F8 0%, #FFE3E3 100%); border: none; padding:25px;    border-radius: 15px;}
.additional-disclaimer-card .ug-card-content {background: #fff; padding: 25px 35px;border-radius: 20px; box-shadow: 0px 2px 11.9px 0px #0000001A;}
.additional-disclaimer-card p.images { float:right; max-width:40%;}


/* Additional Module 27  languages-tools-libraries-logos-slider */
.languages-tools-libraries-logos-slider .marquee-wrapper { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; padding: 10px 0; }
.languages-tools-libraries-logos-slider .partner-marquee-content { display: inline-block; white-space: nowrap; will-change: transform; }
.languages-tools-libraries-logos-slider .marquee-logo { display: inline-block; padding: 0px; margin-right: 40px; color: white; font-size: 20px; border-radius: 5px; }
.languages-tools-libraries-logos-slider .marquee-wrapper .partner-marquee-content .marquee-logo img { max-height: 40px; max-width: inherit; width: auto; }
.languages-tools-libraries-logos-slider .collage-image-section { text-align: center; margin-top: 20px; position: relative;}
.languages-tools-libraries-logos-slider .collage-image-section img { width: 100%;}
.languages-tools-libraries-logos-slider .marquee-wrapper-collage { position: relative; overflow: hidden;width: 100%;}
.languages-tools-libraries-logos-slider .marquee-wrapper-collage:first-child { margin-bottom:20px}
.languages-tools-libraries-logos-slider .marquee-track { display: inline-block; white-space: nowrap;  will-change: transform;}
.languages-tools-libraries-logos-slider .marquee-logo-img { display: inline-block; margin: 0 10px;}
.languages-tools-libraries-logos-slider .marquee-wrapper:not(.marquee-scroll-enabled)::before,
.languages-tools-libraries-logos-slider .marquee-wrapper:not(.marquee-scroll-enabled)::after { display: none; }
.languages-tools-libraries-logos-slider .marquee-track { display: inline-block; white-space: nowrap;  will-change: transform;}
@keyframes logos-scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* move half because of duplicate */
}
@keyframes logos-scroll-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.languages-tools-libraries-logos-slider .marquee-track.left { animation: logos-scroll-left 20s linear infinite;}
.languages-tools-libraries-logos-slider .marquee-track.right { animation: logos-scroll-right 20s linear infinite;}

.arabic .languages-tools-libraries-logos-slider .row { flex-direction: row-reverse;}
.arabic  .additional-disclaimer-card .ug-card-content { direction: rtl; text-align: right;}
.arabic .additional-disclaimer-card p.images { float: left;}



@media (max-width:767px) {
.additional-disclaimer-card p.images {  clear: both; display: block; width: 100%; max-width: 100%; float: none;}
.additional-disclaimer-card { padding:15px}
}

/* Additional Module 28  university-banner-module */
.university-banner-module .university-banner img {  width: 100%;}
.university-banner-module .university-banner .university-banner-content { position: absolute;    bottom: 50px; left: 15px; right: 15px; width: 600px;  max-width: 100%;  background: rgba(255,255,255,1);   padding: 25px;    border-radius: 20px;
 color: #666666;}

@media (max-width:767px) {
  .university-banner-module .university-banner .university-banner-content { position: initial; width: 100%;}
}
.arabic .university-banner-module .university-banner .university-banner-content { left: initial; right: 15px; direction: rtl; text-align: right;}
.arabic .read-more-btn-row i {transform: rotate(180deg);}

/* Additional Module 29  program-comprehension */
.program-comprehension { background: #FFF8F8;  padding: 25px;border-radius: 15px;}
.program-comprehension .program-comprehension-row { background: #fff; padding:35px 25px; border-radius: 20px; flex-wrap: nowrap;}
.program.comprehension-box-new h3 { background: #F0F0F0; text-align: center; padding: 10px; border-radius: 10px; text-transform: uppercase; font-size: 20px; letter-spacing: 0;}
.program.comprehension-box-new { width: 33.333%;     padding: 10px; margin:0 10px}
.program.comprehension-box-new li {height: 90px; align-items: center; display: flex; border-bottom: 1px solid #DCDCDC;margin: 0 15px;}
.program.comprehension-box-new li p { color: #0B0303;  -webkit-line-clamp: 3;  line-height: normal;   white-space: normal;  -webkit-box-orient: vertical;
  display: -webkit-box;  overflow: hidden; font-size: 14px; line-height: 20px;}
.program.comprehension-box-new:last-child li p { color: #666666;}
.program.comprehension-box-new:first-child li p { font-size: 18px; font-weight:bold;}
.program.comprehension-box-new:nth-child(2) { border: 1px solid #E50913; border-radius: 20px;}
.program.comprehension-box-new li:last-child { border-bottom: none;}
.program.comprehension-box-new:nth-child(2) h3 { background: #FEEBE7; color: #E50913;}
.program.comprehension-box-new:nth-child(3) { border: 1px solid #E4E4E4; border-radius: 20px;}
.program.comprehension-box-new:nth-child(3) h3 { color: #999;}
@media (max-width:991px) {
.program.comprehension-box-new { width: 100%;    margin: 0;}
.program-comprehension .program-comprehension-row {flex-wrap: wrap;padding: 0;}
.program.comprehension-box-new:nth-child(2) { margin-top: 20px; margin-bottom: 30px;}
.program-comprehension {padding: 15px;}
}
.arabic .program-comprehension .program-comprehension-row { direction: rtl; text-align: right;}



/* Additional Module 30  about-doctorates-accordion-module */
.about-doctorates-accordion-module .accordion-item { border: none; padding: 15px;}
.about-doctorates-accordion-module .accordion-item.active { background: #FFF8F8;border-radius: 15px;}
.about-doctorates-accordion-module .accordion-body { padding: 0;}
.about-doctorates-accordion-module .accordion-item.active .doctorates-accordion-header h4 { color: #E50913;}
.about-doctorates-accordion-module .accordion-body { padding: 0; color: #666666;line-height: 24px;}
.about-doctorates-accordion-module .accordion-item .doctorates-accordion-header h4:not(.collapsed)::after { content: "-"; float: right;}
.about-doctorates-accordion-module .accordion-item .doctorates-accordion-header h4:after {content: "+"; float: right;}
.about-doctorates-accordion-module .doctorates-accordion-images img { border-radius: 10px;}


@media (max-width:767px) {
 .doctorates-accordion-images { margin-top: 20px;} 
}

.arabic  .about-doctorates-accordion-module .doctorates-accordion { direction: rtl;}
.arabic  .about-doctorates-accordion-module .accordion-item .doctorates-accordion-header h4:after, .about-doctorates-accordion-module .accordion-item .doctorates-accordion-header h4:not(.collapsed):after {float: left;}


/* Additional Module 31  project-learn-doing-module */
.project-learn-doing-module .project-card-slider .projects-pro-slider.owl-carousel .owl-item .item { padding: 10px 10px 40px 10px;}
.project-learn-doing-module .project-card-block { height: 100%; position: relative; box-shadow: 0px 0px 9px 0px #00000021;border: none;}
.project-learn-doing-module .project-card-block:hover {box-shadow: 0px 19px 28px 0px #0000001C;}
.project-learn-doing-module .project-card-block .prj-logo { border-bottom: 2px solid #D3D3D3; padding-bottom: 15px; margin-bottom: 15px;}
.project-learn-doing-module .project-card-block .prj-logo img { height: 50px!important;}
.project-learn-doing-module .project-card-block .full-text-description { color: #666;   height: 130px; overflow-y: auto;}
.project-learn-doing-module .project-card-block .skills-learned { border-top: none;}
.project-learn-doing-module .skills-learned ul li, .project-learn-doing-module .skills-learned ul li:last-child { padding: 3px 15px; font-size:14px;}

@media (max-width:767px) {
.project-learn-doing-module .project-card-block .full-text-description { max-height: initial; height: auto;}
}

.arabic .project-learn-doing-module .project-card-block { direction: rtl; text-align: right;}


/* Additional Module 32  banner-waterloo */
.banner-waterloo.banner-mba-psb {   position: relative; margin: 0 0 115px 0; padding: 0; }
.banner-waterloo-image img {width: 100%;}
.banner-waterloo-bottombox { position: absolute; bottom: -45px; width:900px; max-width:calc(100% - 20px); background: #fff; border-radius: 15px; padding: 0; left: 10px; right: 10px; margin: 0 auto; overflow: hidden;}
.banner-waterloo-bottombox .secure-spot-content { background: #feebe7;}

.banner-waterloo-bottombox .list-icon-box {display: none;}
.banner-waterloo .container { position: absolute; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; }
.banner-waterloo .banner-waterloo-content  { position: absolute; bottom: 100px; background: rgba(255,255,255,0.7); padding: 25px; border-radius: 15px; width: 600px; }
.banner-waterloo .banner-waterloo-content .program-name { background: #EEEEE8; color: #333; }
.banner-waterloo.banner-mba-psb h2  { margin-bottom: 25px;color: #000; }
.banner-waterloo .banner-waterloo-content .cta-buttons-psb .hs-button { background: #e50913; border: none; border-radius: 5px; color: #fff; font-weight: 400; }
.banner-waterloo .banner-waterloo-content .cta-buttons-psb .hs-button.hero_shot_downloadBrochure  {background: #fff; border: 1px solid #999;border: none; border-radius: 5px; color: #333; font-weight: 400;}
.banner-waterloo .banner-waterloo-content .logo-image { margin: 0; background: none; padding: 0; }
.banner-waterloo .banner-waterloo-content  .logo-bar-text { margin-bottom: 10px; }
.banner-waterloo .banner-waterloo-bottombox .secure-your-listitem { display: flex; height: 100%; justify-content: space-between; align-items: stretch; }
.banner-waterloo .banner-waterloo-bottombox .secure-your-listbox { padding: 10px 15px 15px 15px; flex-grow: 1; }
.banner-waterloo .banner-waterloo-bottombox .secure-your-listbox:nth-child(2) { border-left: 1px solid #666; border-right: 1px solid #666; }
.banner-waterloo .banner-waterloo-bottombox .secure-your-listitem span.list-gray-text { color: #000; font-weight: 500; }
.banner-waterloo .banner-waterloo-bottombox .secure-your-listitem  span.list-bleck-text { font-size: 27px; color: #E50913; display: block; margin-bottom: 5px; line-height: initial; font-weight: 500; }
.banner-waterloo .banner-waterloo-content .cta-buttons-psb { display: flex; gap: 15px; flex-wrap: wrap; }

@media (max-width:767px) {
 .banner-waterloo .container, .banner-waterloo .banner-waterloo-content, .banner-waterloo-bottombox { position: initial;}
 .banner-waterloo .banner-waterloo-content .cta-buttons-psb .hs-button.hero_shot_downloadBrochure {  border: 1px solid #999;}
.banner-waterloo .banner-waterloo-bottombox .secure-your-listbox:nth-child(2) { border-left: none; border-right: none; border-top: 1px solid #666; border-bottom: 1px solid #666;}
 .banner-waterloo-bottombox, .banner-waterloo .banner-waterloo-content { max-width: 100%;} 
  .banner-waterloo .banner-waterloo-bottombox .secure-your-listbox { width: 100%;}
  .banner-waterloo .banner-waterloo-bottombox .secure-your-listitem span.list-bleck-text {font-size: 24px;}
  .banner-waterloo .banner-waterloo-bottombox .secure-your-listitem {  display: block;}
  .banner-waterloo .banner-waterloo-content { padding: 15px 0;}
  .banner-waterloo.banner-mba-psb {  margin-bottom: 30px;}
}

.arabic .banner-waterloo .banner-waterloo-content { right: 0; direction: rtl; text-align: right;}
.arabic .banner-waterloo .banner-waterloo-bottombox .secure-your-listbox .list-text { text-align: right;}


.disclaimer-section-fulltext .disclaimer-content { display:block}



.accreditation-membership-module .partner-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}


/* End Additional Module New css 2026 */

@media (max-width: 1320px) {
  .program.comprehension-box li {
    height: 90px;
  }
}

@media (max-width: 1023px) {
  .program.comprehension-box li {
    height: 115px;
  }
}

@media (max-width: 991px) {
  .program-comprehension-row {
    flex-wrap: wrap;
  }

  .program.comprehension-box {
    width: 100%;
  }

  .program.comprehension-box h3,
  .program.comprehension-box:nth-child(2) h3 {
    height: 32px;
    margin: 20px 0;
  }

  .program.comprehension-box li {
    height: auto;
    min-height: 85px;
  }
}
@media (max-width:767px) {
.course-snapshot-blockimg {
    margin-top: 20px;
}
  .course-snapshot ul.star-list {
    max-width: 100%;
}

}