* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 400;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 170%;
}
@media (min-width: 992px) {
  * {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  * {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  * {
    font-size: 20px;
  }
}

body {
  overflow-x: hidden;
}

.container-ctn {
  max-width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-ctn {
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  .container-ctn {
    max-width: 88.685%;
  }
}
@media (min-width: 1200px) {
  .container-ctn {
    max-width: 83.685%;
  }
}
@media (min-width: 1921px) {
  .container-ctn {
    max-width: 1720px;
  }
}

button {
  height: -moz-fit-content;
  height: fit-content;
  background: unset;
  border: unset;
}

h1, h2, h3, h4 {
  font-family: "IBM Plex Serif", serif;
  white-space: pre-line;
}

a {
  text-decoration: none !important;
}

.p-0 {
  padding: 0 !important;
}

.commonPadding, .top-result-listing, .course-details-inner + .faq {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .commonPadding, .top-result-listing, .course-details-inner + .faq {
    padding: 80px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding, .top-result-listing, .course-details-inner + .faq {
    padding: 85px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding, .top-result-listing, .course-details-inner + .faq {
    padding: 90px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding, .top-result-listing, .course-details-inner + .faq {
    padding: 100px 0px;
  }
}

.commonPadding-80 {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .commonPadding-80 {
    padding: 65px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding-80 {
    padding: 70px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-80 {
    padding: 75px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-80 {
    padding: 80px 0px;
  }
}

.position, .btn-normal::before, .btn-normal::after, .btn.themeBtn::before, .btn.themeBtn::after, .btn.commonBtn::before, .btn.commonBtn::after, .privacy .small-description::after, .privacy::before, .privacy-container > ul > li h3::before, .locations .locationAddress > div:first-child::after, .locations .locationAddress::after, .followUs ul a::before, .partnered + .mid-section::before, .director .featured-director::after, .director .featured-director::before, .director::before, .mission-vision-box::before, .about-us .row-1 .featured-about::after, .about-us .row-1 .featured-about::before, .about-us::before, .resources li::before, .examination aside .nav-link::after, .examination aside .tab-link::after, .examination aside .nav-link::before, .examination aside .tab-link::before, .examination aside::before, .newsDetail aside li > div::after, .newsDetail aside::before, .newsDetail .share > ul a::before, .newsDetail .share::before, .placement-page::before, .gallery::before, .schools-box::after, .filter .container-ctn::after, .blog-item::after, .faq .container-ctn::before, .faq::after, .course-details-inner::before, .teachers::after, .teachers::before, .featured-box::after, .featured-head::before, .cta-content + picture::after, .testimonialSlider .testimonialSlider-item::after, .top-result .topers-slider-item:before, .top-result .year::before, .top-result .topers-slider-item .head::before, .top-result::before, .our-course .course-slider-item a::before, .teachers-head::before, .course-head::before, .announcements::before, .banner .enquiry-box .buttonWrap::before, .banner .enquiry-box .buttonWrap::after, .banner .enquiry-box ul li::after, .team-detailpage .profile::before, .innerBanner::before, .modalSlider picture::after, .career .career-card > div::after, .career .career-card > div::before, .career .career-card::before, .links-and-contact .quick-link li::after, footer::after, .desktopMenu::after, .header-row .drop-downs > a::after, .header-row .btn::before, .header-row nav > ul li .has-sub-menu > a::after, nav li::after, label.error::after, .details ul li::before, .slick-navigation > div::after {
  content: "";
  position: absolute;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.slick-nav {
  gap: 20px;
}
@media (max-width: 575px) {
  .slick-nav {
    justify-content: flex-end;
  }
}
@media (min-width: 576px) {
  .slick-nav {
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .slick-nav {
    gap: 28px;
  }
}
@media (min-width: 992px) {
  .slick-nav {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .slick-nav {
    gap: 32px;
  }
}
@media (min-width: 1360px) {
  .slick-nav {
    gap: 34px;
  }
}
@media (min-width: 1440px) {
  .slick-nav {
    gap: 36px;
  }
}
@media (min-width: 1600px) {
  .slick-nav {
    gap: 38px;
  }
}
@media (min-width: 1900px) {
  .slick-nav {
    gap: 42px;
  }
}
.slick-nav div {
  cursor: pointer;
}
.slick-nav div:hover path {
  fill: #E2FF06;
}

.slick-navigation {
  cursor: pointer;
  gap: 10px;
}
@media (max-width: 575px) {
  .slick-navigation {
    justify-content: space-between;
    width: 120px;
  }
}
.slick-navigation > div {
  position: relative;
  border-radius: 8px;
  width: 48px;
  height: 48px;
}
@media (max-width: 575px) {
  .slick-navigation > div {
    border: 1px solid #FFF;
  }
  .slick-navigation > div path {
    stroke: #fff;
  }
}
@media (min-width: 576px) {
  .slick-navigation > div {
    background: #202124;
    border-radius: 8px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .slick-navigation > div {
    border-radius: 9px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .slick-navigation > div {
    border-radius: 10px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1200px) {
  .slick-navigation > div {
    border-radius: 11px;
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1280px) {
  .slick-navigation > div {
    border-radius: 12px;
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 1360px) {
  .slick-navigation > div {
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 1440px) {
  .slick-navigation > div {
    width: 56px;
    height: 56px;
  }
}
.slick-navigation > div svg {
  height: auto;
  width: 37.52%;
}
@media (min-width: 768px) {
  .slick-navigation > div svg {
    width: 37.52%;
  }
}
.slick-navigation > div::after {
  width: 0%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
  transition: 0.2s ease all;
  opacity: 0;
}
.slick-navigation > div:hover path {
  stroke: #000;
}
.slick-navigation > div:hover::after {
  opacity: 1;
  transition: 0.5s ease all;
  width: 100%;
}
.slick-navigation > div + div::after {
  left: 0;
  right: unset;
}
.slick-navigation svg {
  position: relative;
  z-index: 1;
}

.slick-nav-center {
  gap: 32px;
}
@media (min-width: 576px) {
  .slick-nav-center {
    display: none !important;
  }
}
.slick-nav-center div {
  overflow: hidden;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #FFF;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 50%;
  z-index: 9999;
  width: -moz-fit-content;
  width: fit-content;
  right: 10px;
  transform: translateY(-50%);
  gap: 10px;
}
@media (min-width: 992px) {
  .slick-dots {
    gap: 15px;
    right: 20px;
  }
}
.slick-dots li {
  margin: 0;
  display: flex;
  width: auto;
  justify-content: center;
  height: -moz-fit-content;
  height: fit-content;
}
.slick-dots li button {
  opacity: 0.7;
  padding: 0;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .slick-dots li button {
    width: 20px;
    height: 20px;
  }
}
.slick-dots li button::before {
  font-size: 0;
  width: auto;
}
.slick-dots li:hover button {
  transition: 0.4s ease all;
  opacity: 1;
}
.slick-dots li.slick-active button {
  transition: 0.4s ease all;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50%, #320064 99.89%);
}

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

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100% !important;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  width: 100%;
  height: 100% !important;
}

.jq-star-svg polygon {
  stroke-linejoin: round;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}

.tab-content > .active {
  height: auto;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #000;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #3412E0 0%, #7928E5 47.91%, #07B4CC 100%);
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.bg-unset {
  background: unset !important;
}

picture,
article {
  display: block;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.py-0 {
  padding: 0 !important;
}

li {
  list-style: none;
}

.details ul {
  padding-left: 10px;
}
@media (min-width: 576px) {
  .details ul {
    padding-left: 31px;
  }
}
.details ul li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}
@media (min-width: 576px) {
  .details ul li {
    padding-left: 41px;
  }
}
.details ul li::before {
  background: url('data:image/svg+xml,<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="11.4889" cy="11.8203" rx="11.4889" ry="11.5" fill="white"/><path d="M8.41063 7.32031L7.36719 8.49531L10.7565 12.3203L7.36719 16.1453L8.41063 17.3203L12.8508 12.3203L8.41063 7.32031Z" fill="%2300562C"/><path d="M11.9653 7.32031L10.9219 8.49531L14.3112 12.3203L10.9219 16.1453L11.9653 17.3203L16.4055 12.3203L11.9653 7.32031Z" fill="%2300562C"/></svg>');
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}
@media (min-width: 576px) {
  .details ul li::before {
    width: 23px;
    height: 23px;
  }
}

span.error {
  border: 1px solid #FF4040 !important;
}

.error-message {
  color: #FF4040;
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  left: 0;
}

input:focus, input:focus-visible, input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within {
  outline: unset;
}

select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="6" viewBox="0 0 13 6" fill="none"><path d="M6.34624 6C6.69376 6.00062 7.03799 5.93274 7.35926 5.80023C7.68053 5.66773 7.97253 5.47321 8.21858 5.22779L12.5398 0.906599C12.6394 0.807003 12.6953 0.671923 12.6953 0.531074C12.6953 0.390224 12.6394 0.255143 12.5398 0.155548C12.4402 0.0559522 12.3051 -3.41145e-08 12.1642 -4.64279e-08C12.0234 -5.87414e-08 11.8883 0.0559522 11.7887 0.155548L7.46752 4.47674C7.17001 4.77388 6.76672 4.94078 6.34624 4.94078C5.92575 4.94078 5.52246 4.77388 5.22495 4.47674L0.903761 0.155547C0.804165 0.0559512 0.669085 -1.05137e-06 0.528235 -1.06368e-06C0.387386 -1.07599e-06 0.252306 0.0559512 0.15271 0.155547C0.0531139 0.255142 -0.00283817 0.390223 -0.00283818 0.531072C-0.00283819 0.671922 0.0531139 0.807002 0.15271 0.906598L4.4739 5.22779C4.71994 5.47321 5.01195 5.66773 5.33321 5.80023C5.65448 5.93274 5.99872 6.00062 6.34624 6Z" fill="%23333333"/></svg>');
  border: unset;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}
select:focus-visible {
  outline: unset;
}

@media (min-width: 992px) {
  .justify-content-lg-between {
    justify-content: space-between;
  }
}

.navbar-toggler:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
}

input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left;
}

.head {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .head > div {
    width: 100%;
  }
  .head > div + a {
    margin-top: 15px;
  }
}
.head h2 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .head h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .head h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1200px) {
  .head h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1360px) {
  .head h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .head h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .head h2 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1900px) {
  .head h2 {
    margin-bottom: 23.544px;
  }
}
@media (min-width: 768px) {
  .head {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .head {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .head {
    margin-bottom: 45px;
  }
}
@media (min-width: 1360px) {
  .head {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .head {
    margin-bottom: 55px;
  }
}
@media (min-width: 1600px) {
  .head {
    margin-bottom: 60px;
  }
}
@media (min-width: 1900px) {
  .head {
    margin-bottom: 64px;
  }
}

#fadeSection, #fadeSection2 {
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Smooth transition */
}

/* Class to change opacity to 1 */
.visible {
  opacity: 1 !important;
  transition: opacity 1s ease-in-out;
}

.formGroup {
  position: relative;
}

.custom-radio {
  display: inline-block;
  cursor: pointer;
}

.custom-radio input[type=radio] {
  display: none;
}

.custom-radio input[type=radio]:checked + .radio-content {
  border-color: #007bff;
}

.tabb-content {
  display: none;
}

.tabb-content.active {
  display: block;
}

.w700 {
  font-weight: 700;
}

input.error, textarea.error, select.error {
  border: 1px solid #FF4040 !important;
}

label.error {
  color: #FF4040 !important;
  position: relative;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
label.error::after {
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33333 8C1.33333 4.3181 4.3181 1.33333 8 1.33333C11.6819 1.33333 14.6667 4.3181 14.6667 8C14.6667 11.6819 11.6819 14.6667 8 14.6667C4.3181 14.6667 1.33333 11.6819 1.33333 8ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM5.74485 5.74477C5.96282 5.52681 6.31621 5.52681 6.53418 5.74477L7.99999 7.21058L9.46578 5.74479C9.68375 5.52682 10.0371 5.52682 10.2551 5.74479C10.4731 5.96276 10.4731 6.31615 10.2551 6.53412L8.78932 7.99991L10.2551 9.46569C10.4731 9.68366 10.4731 10.0371 10.2551 10.255C10.0371 10.473 9.68373 10.473 9.46576 10.255L7.99999 8.78924L6.53419 10.255C6.31623 10.473 5.96283 10.473 5.74487 10.255C5.5269 10.0371 5.5269 9.68367 5.74487 9.4657L7.21066 7.99991L5.74485 6.5341C5.52688 6.31613 5.52688 5.96274 5.74485 5.74477Z" fill="%23FF4040"/></svg>');
  background-size: cover;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.gap-sm-5 {
  gap: 10px;
}

@media (min-width: 992px) {
  .gap-6-md {
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .gap-9-lg {
    gap: 10px;
  }
}
@media (min-width: 1440px) {
  .gap-10-xl {
    gap: 10px;
  }
}
/* Hide number input spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.custom-checkbox {
  margin-top: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox .checkmark {
  position: relative;
  background-color: transparent;
  border: 1px solid #CFCFD2;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px; /* Add this for rounded corners */
  height: 17px;
  width: 17px;
}
@media (min-width: 992px) {
  .custom-checkbox .checkmark {
    margin-right: 8px;
  }
}
@media (min-width: 1200px) {
  .custom-checkbox .checkmark {
    margin-right: 9px;
    height: 19px;
    width: 19px;
  }
}
@media (min-width: 1440px) {
  .custom-checkbox .checkmark {
    margin-right: 10px;
    height: 20px;
    width: 20px;
  }
}
@media (min-width: 1600px) {
  .custom-checkbox .checkmark {
    height: 22px;
    width: 22px;
  }
}
@media (min-width: 1900px) {
  .custom-checkbox .checkmark {
    height: 24px;
    width: 24px;
  }
}

.custom-checkbox input:checked ~ .checkmark::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 18px;
  border: solid #00C2AE;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  top: -6px;
  right: 0px;
}
@media (min-width: 1440px) {
  .custom-checkbox input:checked ~ .checkmark::before {
    width: 9px;
    height: 18px;
  }
}
@media (min-width: 1600px) {
  .custom-checkbox input:checked ~ .checkmark::before {
    width: 11px;
    height: 20px;
  }
}
@media (min-width: 1900px) {
  .custom-checkbox input:checked ~ .checkmark::before {
    width: 13px;
    height: 22px;
  }
}

.hidden {
  display: none;
}

.show {
  display: block;
}

/* Fullscreen Loader */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161B22;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Loader Content */
.loader-content {
  text-align: center;
}

.spinner {
  height: 42.03px;
  margin-bottom: 18px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Loader Text */
.visibility-hidden {
  visibility: hidden;
}

.dropdown-menu {
  width: 100%;
  margin: auto !important;
  background: unset;
}
.dropdown-menu button {
  color: #fff;
}

.dropdown-item.active {
  background: unset !important;
}
.dropdown-item.active:hover {
  color: #000 !important;
}

.dropdown-item:hover {
  background: #fff !important;
}

.dropDown {
  margin-bottom: 24px;
  border-radius: 8px;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50%, #320064 99.89%);
  font-size: 16px;
  line-height: 24px;
}
.dropDown button {
  color: #fff;
  font-weight: 400;
  width: 100%;
  font-family: "IBM Plex Serif", serif;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  position: relative;
  padding: 8px 20px 8px 20px;
  white-space: pre-line;
}
.dropDown button::after {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border: unset;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0889 6.19526C13.3493 6.45561 13.3493 6.87772 13.0889 7.13807L8.4468 11.7802C8.32178 11.9052 8.15221 11.9754 7.9754 11.9754C7.79859 11.9754 7.62902 11.9052 7.50399 11.7802L2.86188 7.13807C2.60153 6.87772 2.60153 6.45561 2.86188 6.19526C3.12223 5.93491 3.54434 5.93491 3.80469 6.19526L7.9754 10.366L12.1461 6.19526C12.4065 5.93491 12.8286 5.93491 13.0889 6.19526Z" fill="%23ffff"/></svg>');
}

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

.enquiryBtn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #5E0C9E;
  padding: 2.948% 11.205%;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: none;
}

.p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
  font-weight: 400;
  font-family: "IBM Plex Serif";
  font-size: 16px;
  line-height: 138.462%;
}
@media (min-width: 768px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 17px;
  }
}
@media (min-width: 1360px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 19px;
  }
}
@media (min-width: 1600px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .p-26, .page-not-found p, .followUs p, .contact .heading p, .resources li > div div, .resources li > div::before, .testimonial-inner .success-stories .texts p, .placement-page p, .join p, .mid-contact-form .intro p, .faq .intro P, .featured-head p, .awards .texts p, .cta p, .placement .texts p, .top-result .head p, .text p {
    font-size: 26px;
  }
}

.asc_sticky {
  position: sticky !important;
  top: 100px;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
}

.tab-content > .tab-pane table {
  width: 100% !important;
}

.tab-content tbody, .tab-content td, .tab-content tfoot, .tab-content th, .tab-content thead, .tab-content tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  border-color: rgba(221, 207, 207, 0.5411764706);
}

.select2-container--default .select2-selection--single span {
  color: #fff !important;
}

.select2-container--default .select2-selection--single {
  background: unset !important;
  border: unset !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(-97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #320064;
  border-radius: 6px;
}

.select2-dropdown, .select2-container--open .select2-dropdown--below {
  border-radius: 5px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important;
}

.select2-container {
  min-width: 100%;
  padding-bottom: 8px;
}
@media (min-width: 992px) {
  .select2-container {
    padding-bottom: 11px;
  }
}
@media (min-width: 1200px) {
  .select2-container {
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .select2-container {
    padding-bottom: 12px;
  }
}
@media (min-width: 1360px) {
  .select2-container {
    padding-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .select2-container {
    padding-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .select2-container {
    padding-bottom: 16px;
  }
}
@media (min-width: 1900px) {
  .select2-container {
    padding-bottom: 17.3px;
  }
}

#quoteForm .select2-container {
  border-bottom: 1px solid #8A0CE1 !important;
}
@media (min-width: 992px) {
  #quoteForm .select2-container {
    border-bottom: 2px solid #8A0CE1 !important;
  }
}
#quoteForm .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #4a1e76 !important;
}

select.error + span {
  display: block !important;
}

.brand {
  transition: 0.5s ease all;
  width: 100px;
}
@media (min-width: 576px) {
  .brand {
    width: 150px;
  }
}
@media (min-width: 992px) {
  .brand .brand {
    transition: 0.5s ease all;
    width: 12.227%;
  }
}
.brand img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

header {
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
  background: linear-gradient(-97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
  padding: 0px 0px;
}
@media (min-width: 992px) {
  header {
    padding: 14px 0px;
  }
}
@media (min-width: 1200px) {
  header {
    padding: 16px 0px;
  }
}
@media (min-width: 1440px) {
  header {
    padding: 18px 0px;
  }
}
header.scrolled {
  background: unset;
}
header.scrolled .brand {
  width: 130px;
}
@media (min-width: 992px) {
  header.scrolled .brand {
    width: 16.227%;
  }
}

nav {
  display: flex;
  align-items: center;
}
nav .button-wrap {
  display: flex;
  gap: 16px;
  margin-left: 15px;
}
@media (min-width: 992px) {
  nav .button-wrap {
    gap: 10px;
    margin-left: 15px;
  }
}
@media (min-width: 1200px) {
  nav .button-wrap {
    gap: 20px;
    margin-left: 19px;
  }
}
@media (min-width: 1360px) {
  nav .button-wrap {
    gap: 19px;
    margin-left: 18px;
  }
}
@media (min-width: 1440px) {
  nav .button-wrap {
    gap: 20px;
    margin-left: 19px;
  }
}
@media (min-width: 1600px) {
  nav .button-wrap {
    gap: 26px;
    margin-left: 25px;
  }
}
@media (min-width: 1900px) {
  nav .button-wrap {
    gap: 28px;
    margin-left: 27px;
  }
}
nav .button-wrap #search svg {
  height: auto;
  width: 22px;
}
@media (min-width: 1200px) {
  nav .button-wrap #search svg {
    width: 24px;
  }
}
@media (min-width: 1360px) {
  nav .button-wrap #search svg {
    width: 26px;
  }
}
@media (min-width: 1440px) {
  nav .button-wrap #search svg {
    width: 28px;
  }
}
@media (min-width: 1600px) {
  nav .button-wrap #search svg {
    width: 31px;
  }
}
@media (min-width: 1900px) {
  nav .button-wrap #search svg {
    width: 33px;
  }
}
nav .button-wrap #side-menu svg {
  height: auto;
  width: 22px;
}
@media (min-width: 1200px) {
  nav .button-wrap #side-menu svg {
    width: 28px;
  }
}
@media (min-width: 1360px) {
  nav .button-wrap #side-menu svg {
    width: 29px;
  }
}
@media (min-width: 1440px) {
  nav .button-wrap #side-menu svg {
    width: 30px;
  }
}
@media (min-width: 1600px) {
  nav .button-wrap #side-menu svg {
    width: 33px;
  }
}
@media (min-width: 1900px) {
  nav .button-wrap #side-menu svg {
    width: 35px;
  }
}
nav li {
  position: relative;
}
nav li::after {
  width: 0%;
  height: 2px;
  background-color: #E2FF06;
  bottom: 0;
  left: 0;
  transition: 0.5s ease all;
}
nav li:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}
nav a {
  color: #fff;
}
@media (min-width: 1900px) {
  nav a {
    font-size: 22px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .header-row {
    padding: 10px 0px;
  }
}
@media (max-width: 575px) {
  .header-row {
    padding: 10px 0px;
  }
}
.header-row nav > ul {
  display: flex;
  gap: 10px;
}
@media (min-width: 992px) {
  .header-row nav > ul {
    gap: 9px;
  }
}
@media (min-width: 1200px) {
  .header-row nav > ul {
    gap: 18px;
  }
}
@media (min-width: 1360px) {
  .header-row nav > ul {
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul {
    gap: 24px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul {
    gap: 26px;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul {
    gap: 29px;
  }
}
.header-row nav > ul li.drop-downs a {
  padding-right: 25px;
  margin-right: 10px;
}
.header-row nav > ul li.drop-downs .mega {
  padding-top: 10px;
}
@media (min-width: 1350px) {
  .header-row nav > ul li.drop-downs .mega {
    padding-top: 10px;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul li.drop-downs .mega {
    padding-top: 10px;
  }
}
.header-row nav > ul li.drop-downs .mega-menu,
.header-row nav > ul li.drop-downs .mega {
  position: absolute;
  z-index: 310;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  top: 0;
  width: fit-content;
  display: none;
}
.header-row nav > ul li.drop-downs .mega-menu ul,
.header-row nav > ul li.drop-downs .mega ul {
  display: flex;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1803921569);
  border: 1px solid #EBE8F0;
}
.header-row nav > ul li.drop-downs .mega-menu ul li a,
.header-row nav > ul li.drop-downs .mega ul li a {
  padding: 7px 14px;
  color: #000;
}
@media (min-width: 1200px) {
  .header-row nav > ul li.drop-downs .mega-menu ul li a,
  .header-row nav > ul li.drop-downs .mega ul li a {
    padding: 8px 15px;
  }
}
@media (min-width: 1350px) {
  .header-row nav > ul li.drop-downs .mega-menu ul li a,
  .header-row nav > ul li.drop-downs .mega ul li a {
    padding: 9px 16px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul li.drop-downs .mega-menu ul li a,
  .header-row nav > ul li.drop-downs .mega ul li a {
    padding: 10px 17px;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul li.drop-downs .mega-menu ul li a,
  .header-row nav > ul li.drop-downs .mega ul li a {
    padding: 11px 18px;
  }
}
.header-row nav > ul li.drop-downs .mega-menu ul li:last-child,
.header-row nav > ul li.drop-downs .mega ul li:last-child {
  border-bottom: unset;
}
.header-row nav > ul li.drop-downs .mega-menu a,
.header-row nav > ul li.drop-downs .mega a {
  padding: 0;
  margin: 0;
  padding-right: 35px;
}
.header-row nav > ul li.drop-downs .mega > ul {
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: column;
}
.header-row nav > ul li.drop-downs .mega-menu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
  margin-left: 0px;
}
.header-row nav > ul li.drop-downs .mega-menu ul {
  flex-wrap: wrap;
  padding: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .header-row nav > ul li.drop-downs .mega-menu ul {
    padding: 12px 10px;
  }
}
@media (min-width: 1200px) {
  .header-row nav > ul li.drop-downs .mega-menu ul {
    padding: 14px 12px;
  }
}
@media (min-width: 1350px) {
  .header-row nav > ul li.drop-downs .mega-menu ul {
    padding: 16px 14px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul li.drop-downs .mega-menu ul {
    padding: 15px 13px;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul li.drop-downs .mega-menu ul {
    padding: 20px 18px;
  }
}
.header-row nav > ul li.drop-downs .mega-menu li {
  width: 100%;
}
.header-row nav > ul li.drop-downs .mega-menu a {
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  height: 100%;
  gap: 20px;
}
.header-row nav > ul li.drop-downs .mega-menu a::before {
  display: flex;
  align-items: center;
  content: "+";
}
.header-row nav > ul li.drop-downs .mega-menu a:hover {
  background-color: #320064;
  color: #fff;
}
.header-row nav > ul li.drop-downs .mega-menu a {
  display: flex;
}
.header-row nav > ul li.drop-downs > .mega a {
  border: unset !important;
}
@media (min-width: 1200px) {
  .header-row nav > ul li.drop-downs > ul {
    margin-top: 151px;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul li.drop-downs > ul {
    margin-top: 151px;
  }
}
.header-row nav > ul li.drop-downs:hover .mega {
  display: flex;
}
@media (min-width: 992px) {
  .header-row nav > ul li .mega {
    margin-top: 23px;
    min-width: 390px;
    margin-left: -100px;
  }
}
@media (min-width: 1200px) {
  .header-row nav > ul li .mega {
    margin-top: 21px;
    min-width: 399px;
    margin-left: -170px;
  }
}
@media (min-width: 1350px) {
  .header-row nav > ul li .mega {
    margin-top: 22px;
    min-width: 400px;
    margin-left: -170px;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul li .mega {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul li .mega {
    min-width: 410px;
    margin-top: 22px;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul li .mega {
    margin-top: 36px;
  }
}
.header-row nav > ul li .mega ul > li > a {
  font-size: 14px;
}
@media (min-width: 992px) {
  .header-row nav > ul li .mega-menu {
    min-width: 400px;
  }
}
@media (min-width: 1200px) {
  .header-row nav > ul li .mega-menu {
    min-width: 490px;
  }
}
@media (min-width: 1350px) {
  .header-row nav > ul li .mega-menu {
    min-width: 570px;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul li .mega-menu {
    min-width: 597px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul li .mega-menu {
    min-width: 597px;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul li .mega-menu {
    min-width: 707px;
  }
}
.header-row nav > ul li .mega > ul > li {
  padding: 6px 0px;
  border-bottom: 1px solid #EBE8F0;
  width: 100%;
  margin: auto;
}
@media (min-width: 1200px) {
  .header-row nav > ul li .mega > ul > li {
    padding: 7px 0px;
  }
}
@media (min-width: 1360px) {
  .header-row nav > ul li .mega > ul > li {
    padding: 8px 0px;
  }
}
@media (min-width: 1600px) {
  .header-row nav > ul li .mega > ul > li {
    padding: 10px 0px;
  }
}
.header-row nav > ul li .mega > ul > li:last-child {
  border-bottom: unset;
}
.header-row nav > ul li .has-sub-menu {
  position: relative;
}
.header-row nav > ul li .has-sub-menu:hover a::after {
  transform: rotate(-90deg);
}
.header-row nav > ul li .has-sub-menu > a::after {
  top: 34%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_1272_3009)"><path d="M0.941832 3.80183C1.06495 3.80167 1.18687 3.82588 1.30058 3.87308C1.41429 3.92028 1.51752 3.98953 1.60433 4.07683L6.39996 8.87183C6.54505 9.01697 6.71732 9.1321 6.90692 9.21065C7.09652 9.2892 7.29973 9.32962 7.50496 9.32962C7.71018 9.32962 7.9134 9.2892 8.10299 9.21065C8.29259 9.1321 8.46486 9.01697 8.60996 8.87183L13.3981 4.08308C13.4846 3.99354 13.588 3.92212 13.7024 3.87299C13.8168 3.82385 13.9398 3.79799 14.0643 3.79691C14.1887 3.79583 14.3122 3.81955 14.4274 3.86669C14.5426 3.91383 14.6473 3.98344 14.7353 4.07146C14.8234 4.15949 14.893 4.26416 14.9401 4.37938C14.9872 4.49459 15.011 4.61804 15.0099 4.74252C15.0088 4.867 14.9829 4.99002 14.9338 5.1044C14.8847 5.21878 14.8132 5.32223 14.7237 5.40871L9.93558 10.1975C9.29052 10.8413 8.41636 11.2029 7.50496 11.2029C6.59355 11.2029 5.71939 10.8413 5.07433 10.1975L0.278707 5.40246C0.147509 5.27134 0.0581526 5.10426 0.0219437 4.92235C-0.0142651 4.74043 0.00430124 4.55187 0.0752934 4.38051C0.146286 4.20915 0.266513 4.0627 0.420762 3.95969C0.575011 3.85669 0.75635 3.80175 0.941832 3.80183Z" fill="%23575757"/></g><defs><clipPath id="clip0_1272_3009"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .header-row nav > ul li .has-sub-menu > a::after {
    width: 15px;
    height: 15px;
    right: 12px;
    background-size: 12px;
  }
}
@media (min-width: 1200px) {
  .header-row nav > ul li .has-sub-menu > a::after {
    right: 13px;
    background-size: 13px;
    top: 37%;
  }
}
@media (min-width: 1440px) {
  .header-row nav > ul li .has-sub-menu > a::after {
    right: 14px;
    background-size: 14px;
    top: 38%;
  }
}
@media (min-width: 1900px) {
  .header-row nav > ul li .has-sub-menu > a::after {
    right: 15px;
    background-size: 15px;
    top: 40%;
  }
}
.header-row nav > ul li .has-sub-menu:hover .mega-menu {
  display: flex;
}
.header-row .btn {
  border: 1px solid white;
  display: flex;
  color: #fff;
  align-items: center;
  border-radius: 8px;
  gap: 10px;
  padding: 10px 16px;
}
@media (max-width: 575px) {
  .header-row .btn {
    line-height: 20px;
  }
}
@media (max-width: 340px) {
  .header-row .btn {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-row .btn {
    border-radius: 8px;
    padding: 5px 16px;
  }
}
@media (min-width: 992px) {
  .header-row .btn {
    padding: 6px 18px;
  }
}
@media (min-width: 1200px) {
  .header-row .btn {
    padding: 8px 20px;
  }
}
@media (min-width: 1900px) {
  .header-row .btn {
    padding: 12px 30px;
  }
}
.header-row .btn::before {
  height: 100%;
  left: 0;
  transition: 0.5s ease all;
  width: 0%;
  z-index: -1;
  background-color: #fff;
}
.header-row .btn:hover {
  transition: 0.5s ease all;
  color: #000;
}
.header-row .btn:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}
.header-row .btn:hover path {
  stroke: #000;
}
@media (max-width: 575px) {
  .header-row .btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 991px) {
  .header-row nav {
    display: none;
  }
}
.header-row .headerBtn {
  height: -moz-fit-content;
  height: fit-content;
  gap: 10px;
}
@media (max-width: 991px) {
  .header-row .headerBtn {
    width: 79%;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .header-row .headerBtn {
    width: 66%;
  }
}
@media (max-width: 575px) {
  .header-row .headerBtn {
    width: 55%;
  }
}
@media (min-width: 992px) {
  .header-row .headerBtn {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .header-row .headerBtn {
    gap: 120px;
  }
}
@media (min-width: 1440px) {
  .header-row .headerBtn {
    gap: 120px;
  }
}
@media (min-width: 1600px) {
  .header-row .headerBtn {
    gap: 120px;
  }
}
@media (min-width: 1900px) {
  .header-row .headerBtn {
    gap: 100px;
  }
}
.header-row .navbar-toggler {
  padding-right: 3px;
  padding-left: 0;
}
@media (max-width: 575px) {
  .header-row .navbar-toggler svg {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 992px) {
  .header-row .navbar-toggler {
    display: none;
  }
}
.header-row .drop-downs a {
  padding-right: 16px;
}
@media (min-width: 1600px) {
  .header-row .drop-downs a {
    padding-right: 18px;
  }
}
@media (min-width: 1900px) {
  .header-row .drop-downs a {
    padding-right: 20px;
  }
}
.header-row .drop-downs > a {
  position: relative;
}
.header-row .drop-downs > a::after {
  background-size: cover;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M5.29113 5C5.58073 5.00051 5.8676 4.94395 6.13532 4.83353C6.40304 4.72311 6.64638 4.56101 6.85142 4.35649L10.4524 0.755499C10.5354 0.672503 10.582 0.559936 10.582 0.442561C10.582 0.325187 10.5354 0.21262 10.4524 0.129623C10.3694 0.0466269 10.2568 -2.84287e-08 10.1395 -3.86899e-08C10.0221 -4.89511e-08 9.90953 0.0466268 9.82653 0.129623L6.22554 3.73061C5.97761 3.97823 5.64154 4.11732 5.29113 4.11732C4.94073 4.11732 4.60466 3.97823 4.35673 3.73061L0.755737 0.129622C0.672741 0.046626 0.560174 -8.76139e-07 0.4428 -8.864e-07C0.325425 -8.96661e-07 0.212858 0.046626 0.129862 0.129622C0.0468658 0.212619 0.000238675 0.325186 0.000238665 0.44256C0.000238654 0.559935 0.0468657 0.672502 0.129862 0.755498L3.73085 4.35649C3.93589 4.56101 4.17922 4.72311 4.44695 4.83353C4.71467 4.94395 5.00153 5.00051 5.29113 5Z" fill="white"/></svg>');
  width: 13px;
  height: 15px;
  transform: translateY(12px);
  background-size: 11px;
  right: 0;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .header-row .drop-downs > a::after {
    background-size: 12px;
    transform: translateY(13px);
  }
}
@media (min-width: 1600px) {
  .header-row .drop-downs > a::after {
    transform: translateY(14px);
    background-size: 14px;
  }
}
@media (min-width: 1900px) {
  .header-row .drop-downs > a::after {
    width: 15px;
    transform: translateY(17px);
    background-size: 15px;
  }
}

.desktopMenu {
  background: #320064;
  padding: 0;
  width: 27% !important;
  box-shadow: -10px 0px 23px 8px rgba(50, 0, 100, 0.41);
}
.desktopMenu::after {
  width: 6px;
  height: 100%;
  background-color: #fff;
  left: -6px;
  top: 0;
}
@media (min-width: 1360px) {
  .desktopMenu {
    width: 23% !important;
  }
}
.desktopMenu .social {
  padding: 15px;
  position: absolute;
  bottom: 30px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.desktopMenu .social .btn {
  width: 100%;
  color: #fff;
  font-weight: 600;
  padding: 8px 0px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .desktopMenu .social .btn {
    padding: 10px 0px;
  }
}
@media (min-width: 992px) {
  .desktopMenu .social .btn {
    padding: 10px 0px;
  }
}
@media (min-width: 1200px) {
  .desktopMenu .social .btn {
    padding: 11px 0px;
  }
}
@media (min-width: 1360px) {
  .desktopMenu .social .btn {
    padding: 12px 0px;
  }
}
@media (min-width: 1440px) {
  .desktopMenu .social .btn {
    padding: 13px 0px;
  }
}
@media (min-width: 1600px) {
  .desktopMenu .social .btn {
    padding: 14px 0px;
  }
}
@media (min-width: 1900px) {
  .desktopMenu .social .btn {
    padding: 15.74px;
  }
}
.desktopMenu .social .btn:last-child {
  border: 1px solid #fff;
}
.desktopMenu .social .btn:last-child:hover {
  background-color: #5E0C9E;
  border-color: #5E0C9E;
}
.desktopMenu .social ul {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
}
.desktopMenu .social ul a:hover path {
  fill: #E2FF06;
}
.desktopMenu .social ul svg {
  height: auto;
  width: 18px;
}
@media (min-width: 1440px) {
  .desktopMenu .social ul svg {
    width: 19px;
  }
}
@media (min-width: 1600px) {
  .desktopMenu .social ul svg {
    width: 20px;
  }
}
@media (min-width: 1900px) {
  .desktopMenu .social ul svg {
    width: 22px;
  }
}
.desktopMenu nav {
  width: 100%;
  height: 600px;
  overflow-y: auto;
  align-items: flex-start;
}
.desktopMenu nav ul {
  width: 100%;
}
.desktopMenu nav li {
  width: 100%;
}
.desktopMenu nav li + li {
  margin-top: 10px;
}
.desktopMenu .desktopMenu nav ul, .desktopMenu .desktopMenu nav li {
  width: 100%;
}

.mobDropDown {
  padding-right: 35px;
  position: relative;
}
.mobDropDown .dropdown-menu {
  position: unset !important;
}
.mobDropDown button {
  background-color: #5E0C9E;
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .mobDropDown button {
    top: 5px;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1440px) {
  .mobDropDown button {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1600px) {
  .mobDropDown button {
    width: 23px;
    height: 23px;
  }
}
.mobDropDown button svg {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
.mobDropDown button.show svg {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
.mobDropDown .dropdown-menu {
  position: unset !important;
  transform: translate(0) !important;
  border: unset;
  padding-left: 25px;
  background: unset;
}
.mobDropDown .dropdown-menu li {
  margin-bottom: 10px;
}

.has-sub::after {
  content: none;
}

.has-sub-menu:not(:has(.mega-menu)) a::after {
  display: none;
}

.featured + footer {
  margin-top: 6.408%;
}

.blogListing + footer {
  margin-top: 0;
}

footer {
  position: relative;
}
footer::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(-75deg, #743594 2.58%, #320064 96.73%);
  left: 0;
  bottom: 0;
  z-index: -2;
}
footer h3, footer h2 {
  color: #E2FF06;
}
footer p, footer a, footer li {
  color: #fff;
}
footer > picture {
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 87.653%;
}
@media (min-width: 576px) {
  footer > picture {
    width: 27.653%;
  }
}
@media (max-width: 991px) {
  footer > picture {
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  footer > picture {
    bottom: 45px;
  }
}
footer > picture img {
  width: 100%;
  height: auto;
}

.footer-top {
  padding-top: 65px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .footer-top {
    padding-top: 75px;
    padding-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .footer-top {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .footer-top {
    padding-top: 85px;
    padding-bottom: 55px;
  }
}
@media (min-width: 1360px) {
  .footer-top {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .footer-top {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1600px) {
  .footer-top {
    padding-top: 115px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1900px) {
  .footer-top {
    padding-top: 138px;
    padding-bottom: 91.76px;
  }
}
.footer-top h2 {
  line-height: 108.333%;
  margin-bottom: 6px;
  font-size: 30px;
}
@media (min-width: 992px) {
  .footer-top h2 {
    margin-bottom: 8px;
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .footer-top h2 {
    margin-bottom: 10px;
    font-size: 40px;
  }
}
@media (min-width: 1360px) {
  .footer-top h2 {
    margin-bottom: 12px;
    font-size: 45px;
  }
}
@media (min-width: 1440px) {
  .footer-top h2 {
    margin-bottom: 14px;
    font-size: 50px;
  }
}
@media (min-width: 1600px) {
  .footer-top h2 {
    margin-bottom: 16px;
    font-size: 55px;
  }
}
@media (min-width: 1900px) {
  .footer-top h2 {
    margin-bottom: 18px;
    font-size: 60px;
  }
}
.footer-top h3 {
  line-height: 173%;
  font-size: 16px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .footer-top h3 {
    font-size: 16px;
    margin-bottom: 9px;
  }
}
@media (min-width: 1200px) {
  .footer-top h3 {
    font-size: 18px;
    margin-bottom: 11px;
  }
}
@media (min-width: 1360px) {
  .footer-top h3 {
    font-size: 20px;
    margin-bottom: 13px;
  }
}
@media (min-width: 1440px) {
  .footer-top h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .footer-top h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1900px) {
  .footer-top h3 {
    font-size: 26px;
    margin-bottom: 18px;
  }
}
.footer-top .main-info {
  width: 100%;
  flex-direction: column;
}
@media (min-width: 992px) {
  .footer-top .main-info {
    width: 43.414%;
  }
}
.footer-top .main-info div, .footer-top .main-info ul {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.footer-top .main-info div + ul {
  margin-top: 20.5px;
}
@media (min-width: 992px) {
  .footer-top .main-info div + ul {
    margin-top: 46.5px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info div + ul {
    margin-top: 60.5px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info div + ul {
    margin-top: 64.5px;
  }
}
@media (min-width: 1400px) {
  .footer-top .main-info div + ul {
    margin-top: 68.5px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info div + ul {
    margin-top: 71.5px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info div + ul {
    margin-top: 74.5px;
  }
}
.footer-top .main-info ul {
  display: flex;
}
.footer-top .main-info ul + div {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .footer-top .main-info ul + div {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info ul + div {
    margin-top: 70px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info ul + div {
    margin-top: 100px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info ul + div {
    margin-top: 110px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info ul + div {
    margin-top: 120px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info ul + div {
    margin-top: 130px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info ul + div {
    margin-top: 140px;
  }
}
.footer-top .main-info li {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding-left: 12px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .footer-top .main-info li {
    padding-left: 14px;
    padding-right: 9px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info li {
    padding-left: 22px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info li {
    padding-left: 22px;
    padding-right: 11px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info li {
    padding-left: 24px;
    padding-right: 12px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info li {
    padding-left: 23px;
    padding-right: 13px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info li {
    padding-left: 26px;
    padding-right: 14px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info li {
    padding-left: 27px;
    padding-right: 15px;
  }
}
.footer-top .main-info li::before {
  font-weight: 600;
  color: #E2FF06;
  content: "*";
  position: absolute;
  left: 0;
  bottom: -20%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .footer-top .main-info li::before {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info li::before {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info li::before {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info li::before {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info li::before {
    font-size: 26px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info li::before {
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info li::before {
    font-size: 30px;
  }
}
.footer-top .main-info li:first-child {
  padding-left: 0;
}
.footer-top .main-info li:first-child::before {
  content: none;
}
.footer-top .main-info li, .footer-top .main-info a {
  line-height: 163.636%;
  font-size: 13px;
}
@media (max-width: 340px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info li, .footer-top .main-info a {
    font-size: 22px;
  }
}
.footer-top .main-info .buttonWrap {
  gap: 13px;
}
@media (max-width: 340px) {
  .footer-top .main-info .buttonWrap {
    flex-wrap: wrap;
  }
  .footer-top .main-info .buttonWrap a {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .footer-top .main-info .buttonWrap {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info .buttonWrap {
    gap: 17px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info .buttonWrap {
    gap: 19px;
  }
}
@media (min-width: 1300px) {
  .footer-top .main-info .buttonWrap {
    gap: 21px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info .buttonWrap {
    gap: 23px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info .buttonWrap {
    gap: 25px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info .buttonWrap {
    gap: 27px;
  }
}
.footer-top .main-info .buttonWrap .btn {
  font-weight: 600;
  min-width: 160px;
  padding: 8px 0px;
}
@media (min-width: 768px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 170px;
    padding: 10px 0px;
  }
}
@media (min-width: 992px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 170px;
    padding: 10px 0px;
  }
}
@media (min-width: 1200px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 180px;
    padding: 12px 0px;
  }
}
@media (min-width: 1360px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 200px;
    padding: 12px 0px;
  }
}
@media (min-width: 1440px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 220px;
    padding: 14px 0px;
  }
}
@media (min-width: 1600px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 230.493px;
    padding: 16px 0px;
  }
}
@media (min-width: 1900px) {
  .footer-top .main-info .buttonWrap .btn {
    min-width: 264.493px;
    padding: 18.74px;
  }
}
.footer-top .main-info .buttonWrap .btn:first-child {
  background-color: #5E0C9E;
}
.footer-top .main-info .buttonWrap .btn:first-child:hover {
  background-color: #320064;
}
.footer-top .main-info .buttonWrap .btn:last-child {
  border: 1px solid #fff;
}
.footer-top .main-info .buttonWrap .btn:last-child:hover {
  background-color: #5E0C9E;
  border-color: #5E0C9E;
}
.footer-top .links-and-contact {
  width: 100%;
}
@media (max-width: 991px) {
  .footer-top .links-and-contact {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .footer-top .links-and-contact {
    width: 50.535%;
  }
}

.links-and-contact .quick-link ul {
  -moz-column-count: 2;
       column-count: 2;
}
.links-and-contact .quick-link li {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.links-and-contact .quick-link li::after {
  width: 0%;
  height: 2px;
  background-color: #E2FF06;
  bottom: 0;
  left: 0;
  transition: 0.5s ease all;
}
.links-and-contact .quick-link li:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}
.links-and-contact .quick-link li + li {
  margin-top: 3px;
}
@media (min-width: 576px) {
  .links-and-contact .quick-link li + li {
    margin-top: 4px;
  }
}
@media (min-width: 992px) {
  .links-and-contact .quick-link li + li {
    margin-top: 5px;
  }
}
.links-and-contact .quick-link {
  width: 100%;
}
@media (min-width: 768px) {
  .links-and-contact .quick-link {
    width: 63.095%;
  }
}
.links-and-contact .social {
  width: 100%;
}
@media (max-width: 767px) {
  .links-and-contact .social {
    margin-top: 25px;
  }
}
@media (min-width: 768px) {
  .links-and-contact .social {
    width: 22.779%;
  }
}
@media (max-width: 767px) {
  .links-and-contact .social ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
  }
}
@media (min-width: 768px) {
  .links-and-contact .social ul li + li {
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .links-and-contact .social ul li + li {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .links-and-contact .social ul li + li {
    margin-top: 11px;
  }
}
@media (min-width: 1360px) {
  .links-and-contact .social ul li + li {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) {
  .links-and-contact .social ul li + li {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .links-and-contact .social ul li + li {
    margin-top: 14px;
  }
}
@media (min-width: 1900px) {
  .links-and-contact .social ul li + li {
    margin-top: 15px;
  }
}
.links-and-contact .social a {
  display: flex;
  align-items: center;
}
.links-and-contact .social a path {
  transition: 0.5s ease all;
}
.links-and-contact .social a:hover path {
  fill: #E2FF06;
  transition: 0.5s ease all;
}
.links-and-contact .social i {
  display: flex;
  justify-content: center;
  margin-right: 12px;
  width: 16px;
}
@media (min-width: 768px) {
  .links-and-contact .social i {
    width: 12px;
  }
}
@media (min-width: 992px) {
  .links-and-contact .social i {
    margin-right: 14px;
    width: 15px;
  }
}
@media (min-width: 1200px) {
  .links-and-contact .social i {
    margin-right: 18px;
    width: 18px;
  }
}
@media (min-width: 1360px) {
  .links-and-contact .social i {
    margin-right: 20px;
    width: 20px;
  }
}
@media (min-width: 1440px) {
  .links-and-contact .social i {
    margin-right: 36px;
    width: 27px;
  }
}
@media (min-width: 1600px) {
  .links-and-contact .social i {
    width: 28px;
    margin-right: 38px;
  }
}
@media (min-width: 1900px) {
  .links-and-contact .social i {
    width: 29px;
    margin-right: 41px;
  }
}
.links-and-contact .contactInfo {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .links-and-contact .contactInfo {
    margin-top: 36.5px;
  }
}
@media (min-width: 992px) {
  .links-and-contact .contactInfo {
    margin-top: 56.5px;
  }
}
.links-and-contact .contactInfo div {
  color: #fff;
  display: flex;
}
@media (min-width: 768px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 13px;
  }
}
@media (min-width: 992px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 13px;
  }
}
@media (min-width: 1200px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 32px;
  }
}
@media (min-width: 1360px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 34px;
  }
}
@media (min-width: 1440px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 36px;
  }
}
@media (min-width: 1600px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) {
  .links-and-contact .contactInfo div + div {
    padding-left: 40px;
  }
}
.links-and-contact .contactInfo p {
  margin-bottom: 27px;
}
.links-and-contact .contactInfo ul {
  display: flex;
}
.links-and-contact .contactInfo ul li + li::before {
  content: "|";
}

.copyright {
  padding-bottom: 55px;
}
@media (max-width: 575px) {
  .copyright .d-flex {
    justify-content: center !important;
  }
}
@media (min-width: 768px) {
  .copyright {
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .copyright {
    padding-bottom: 17px;
  }
}
@media (min-width: 1200px) {
  .copyright {
    padding-bottom: 19px;
  }
}
@media (min-width: 1360px) {
  .copyright {
    padding-bottom: 21px;
  }
}
@media (min-width: 1440px) {
  .copyright {
    padding-bottom: 23px;
  }
}
@media (min-width: 1600px) {
  .copyright {
    padding-bottom: 25px;
  }
}
@media (min-width: 1900px) {
  .copyright {
    padding-bottom: 27px;
  }
}
.copyright p, .copyright a {
  line-height: 225%;
}
.copyright ul {
  display: flex;
}
.copyright ul li {
  position: relative;
}
.copyright ul li + li {
  padding-left: 12px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .copyright ul li + li {
    padding-left: 14px;
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .copyright ul li + li {
    padding-left: 15px;
    margin-left: 11px;
  }
}
@media (min-width: 1200px) {
  .copyright ul li + li {
    padding-left: 16px;
    margin-left: 12px;
  }
}
@media (min-width: 1360px) {
  .copyright ul li + li {
    padding-left: 17px;
    margin-left: 13px;
  }
}
@media (min-width: 1440px) {
  .copyright ul li + li {
    padding-left: 18px;
    margin-left: 14px;
  }
}
@media (min-width: 1600px) {
  .copyright ul li + li {
    padding-left: 19px;
    margin-left: 15px;
  }
}
@media (min-width: 1900px) {
  .copyright ul li + li {
    padding-left: 20px;
    margin-left: 16px;
  }
}
.copyright ul li + li::before {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.copyright a:hover {
  color: #E2FF06;
}

.offcanvas {
  width: 100%;
  z-index: 9999999;
}

.searchOffcanvas {
  height: -moz-fit-content;
  height: fit-content;
}
.searchOffcanvas .offcanvas-header {
  background: #ebe5f0;
}
@media (min-width: 992px) {
  .searchOffcanvas .offcanvas-header {
    padding: 12px 60px;
  }
}
@media (min-width: 1200px) {
  .searchOffcanvas .offcanvas-header {
    padding: 15px 70px;
  }
}
@media (min-width: 1600px) {
  .searchOffcanvas .offcanvas-header {
    padding: 20px 100px;
  }
}
.searchOffcanvas .searchButton {
  height: 100%;
  display: block;
  padding: 0px 20px;
  border-radius: 5px;
}
.searchOffcanvas .search {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50%, #320064 99.89%);
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.searchOffcanvas div#searchOffcanvasLabel {
  width: 95%;
}
.searchOffcanvas input {
  border: unset;
  border-radius: 5px 0px 0px 5px;
  height: 50px;
  padding-left: 20px;
  color: #320064;
}
.searchOffcanvas .btn-close:focus {
  box-shadow: unset;
}

.mobile_left_menu {
  border-radius: 0px 0px 16px 16px;
  background: rgba(21, 21, 21, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(22, 40, 2, 0.1);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 575px) {
  .mobile_left_menu nav {
    height: 65vh;
    align-items: flex-start;
  }
}
.mobile_left_menu li.has-sub > ul {
  padding-left: 25px;
  margin-bottom: 20px;
}
.mobile_left_menu ul {
  width: 100%;
}
.mobile_left_menu .social {
  position: absolute;
  bottom: 30px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.mobile_left_menu .social .btn {
  width: 100%;
  color: #fff;
  font-weight: 600;
  padding: 8px 0px;
  margin-bottom: 15px;
}
.mobile_left_menu .social .btn:last-child {
  border: 1px solid #fff;
}
.mobile_left_menu .social .btn:last-child:hover {
  background-color: #5E0C9E;
  border-color: #5E0C9E;
}
.mobile_left_menu .social ul {
  display: flex;
  gap: 10px;
}
.mobile_left_menu .social ul a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 13px;
  gap: 5px;
}
.mobile_left_menu .social ul svg {
  width: 22px;
  height: auto;
}
.mobile_left_menu .offcanvas-header div {
  display: flex;
  align-items: center;
  gap: 39px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .mobile_left_menu .offcanvas-header div {
    gap: 34px;
  }
}
.mobile_left_menu .btn-close {
  opacity: 1;
  width: 26px;
  height: 26px;
}
.mobile_left_menu .btn-close path {
  fill: #fff;
  stroke: #fff;
}
.mobile_left_menu ul li {
  margin-bottom: 5px;
}
.mobile_left_menu ul li a {
  font-size: 16px;
}
.mobile_left_menu .btn-close {
  margin-right: 0;
}
.mobile_left_menu .offcanvas-header {
  padding-bottom: 0;
}

.list ul li {
  padding-left: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .list ul li {
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  .list ul li {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .list ul li {
    padding-left: 35px;
  }
}
@media (min-width: 1360px) {
  .list ul li {
    padding-left: 38px;
  }
}
@media (min-width: 1440px) {
  .list ul li {
    padding-left: 40px;
  }
}
@media (min-width: 1600px) {
  .list ul li {
    padding-left: 44px;
  }
}
@media (min-width: 1900px) {
  .list ul li {
    padding-left: 50px;
  }
}
.list ul li::before {
  content: "*";
  font-weight: 600;
  color: #8A0CE1;
  position: absolute;
  left: 0;
  top: 5px;
  width: 9px;
  height: 9px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .list ul li::before {
    width: 10px;
    height: 10px;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .list ul li::before {
    width: 11px;
    height: 11px;
    font-size: 24px;
  }
}
@media (min-width: 1360px) {
  .list ul li::before {
    width: 12px;
    height: 12px;
    font-size: 25px;
  }
}
@media (min-width: 1440px) {
  .list ul li::before {
    width: 13px;
    height: 13px;
    font-size: 27px;
  }
}
@media (min-width: 1600px) {
  .list ul li::before {
    width: 14px;
    height: 14px;
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  .list ul li::before {
    width: 16px;
    height: 16px;
    font-size: 30px;
  }
}
.list ul li + li {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .list ul li + li {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .list ul li + li {
    margin-top: 12px;
  }
}
@media (min-width: 1360px) {
  .list ul li + li {
    margin-top: 14px;
  }
}
@media (min-width: 1440px) {
  .list ul li + li {
    margin-top: 16px;
  }
}
@media (min-width: 1600px) {
  .list ul li + li {
    margin-top: 18px;
  }
}
@media (min-width: 1900px) {
  .list ul li + li {
    margin-top: 20px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gradientShift {
  0% {
    background-position: 0% 90%;
  }
  50% {
    background-position: 100% 55%;
  }
  100% {
    background-position: 0% 90%;
  }
}
@keyframes gradent {
  0% {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 47.91%, #07B4CC 100%);
  }
  25% {
    background: linear-gradient(90deg, #3412E0 100%, #7928E5 47.91%, #07B4CC 0%);
  }
  50% {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 100%, #07B4CC 47.9%);
  }
  to {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 47.91%, #07B4CC 100%);
  }
}
@keyframes gradentbg {
  0% {
    background: linear-gradient(45deg, #ffc94b 50%, #dfdfdf 100%);
  }
  50% {
    background: linear-gradient(90deg, #ffc94b 50%, #dfdfdf 100%);
  }
  100% {
    background: linear-gradient(45deg, #ffc94b 50%, #dfdfdf 100%);
  }
}
@keyframes downSpin {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes gradientBorder {
  0% {
    border-image-source: linear-gradient(45deg, #3412E0, #7928E5, #07B4CC);
  }
  30% {
    border-image-source: linear-gradient(45deg, #07B4CC, #3412E0, #7928E5);
  }
  60% {
    border-image-source: linear-gradient(45deg, #7928E5, #07B4CC, #3412E0);
  }
  to {
    border-image-source: linear-gradient(45deg, #3412E0, #7928E5, #07B4CC);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes humming {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes hummingWithBounse {
  0% {
    width: 50%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 50%;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); /* Default position */
  }
  40% {
    transform: translateY(-30px); /* Move up */
  }
  60% {
    transform: translateY(-15px); /* Slightly less height */
  }
}
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.career-info h3 {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 10px;
  font-family: Poppins;
}
.career-info ul {
  gap: 5px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .career-info ul {
    gap: 10px;
  }
}
.career-info li {
  align-items: center;
  gap: 3px;
  border: 1px solid #575757;
  border-radius: 30px;
  padding: 4px 8px 4px 4px;
}
@media (min-width: 768px) {
  .career-info li {
    gap: 10px;
    padding: 4px 20px 4px 4px;
  }
}
@media (min-width: 1200px) {
  .career-info li {
    padding: 5px 24px 5px 5px;
  }
}
@media (min-width: 1600px) {
  .career-info li {
    padding: 9px 28px 9px 9px;
  }
}
@media (min-width: 1900px) {
  .career-info li {
    padding: 10px 30px 10px 10px;
  }
}
.career-info li i {
  transition: 0.5s ease all;
  border-radius: 50%;
  background: rgba(193, 193, 193, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
@media (min-width: 576px) {
  .career-info li i {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 575px) {
  .career-info li p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .career-info li svg {
    width: 16px;
    height: auto;
  }
}
.career-info path {
  transition: 0.5s ease all;
}

.career .career-card-wrapper {
  gap: 20px;
}
@media (min-width: 768px) {
  .career .career-card-wrapper {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .career .career-card-wrapper {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .career .career-card-wrapper {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .career .career-card-wrapper {
    gap: 18px;
  }
}
@media (min-width: 1600px) {
  .career .career-card-wrapper {
    gap: 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card-wrapper {
    gap: 20px;
  }
}
.career > .btn {
  margin: auto;
  margin-top: 60px;
}
.career .career-card {
  width: 100%;
  padding: 12px 12px 0px 12px;
  position: relative;
}
@media (min-width: 576px) {
  .career .career-card {
    padding: 14px 14px 0px 14px;
  }
}
@media (min-width: 992px) {
  .career .career-card {
    padding: 14px 14px 0px 14px;
  }
}
@media (min-width: 1200px) {
  .career .career-card {
    padding: 16px 16px 0px 16px;
  }
}
@media (min-width: 1360px) {
  .career .career-card {
    padding: 17px 17px 0px 17px;
  }
}
@media (min-width: 1440px) {
  .career .career-card {
    padding: 18px 18px 0px 18px;
  }
}
@media (min-width: 1600px) {
  .career .career-card {
    padding: 19px 19px 0px 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card {
    padding: 20px 20px 0px 20px;
  }
}
.career .career-card::before {
  width: 100%;
  height: 190px;
  top: 0;
  left: 0;
  background-color: #ECECEC;
  z-index: -1;
  border-radius: 15px;
}
@media (min-width: 768px) {
  .career .career-card::before {
    height: 139px;
  }
}
@media (min-width: 992px) {
  .career .career-card::before {
    border-radius: 20px;
    height: 135px;
  }
}
@media (min-width: 1200px) {
  .career .career-card::before {
    height: 140px;
  }
}
@media (min-width: 1360px) {
  .career .career-card::before {
    height: 150px;
  }
}
@media (min-width: 1440px) {
  .career .career-card::before {
    height: 165px;
  }
}
@media (min-width: 1600px) {
  .career .career-card::before {
    height: 175px;
  }
}
@media (min-width: 1900px) {
  .career .career-card::before {
    height: 200px;
  }
}
.career .career-card > div {
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
  padding: 13px;
  position: relative;
}
@media (min-width: 768px) {
  .career .career-card > div {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .career .career-card > div {
    padding: 12px;
  }
}
@media (min-width: 1200px) {
  .career .career-card > div {
    padding: 15px;
  }
}
@media (min-width: 1360px) {
  .career .career-card > div {
    padding: 17px;
  }
}
@media (min-width: 1440px) {
  .career .career-card > div {
    padding: 18px;
  }
}
@media (min-width: 1600px) {
  .career .career-card > div {
    padding: 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card > div {
    padding: 20px;
  }
}
.career .career-card > div::after {
  width: 0%;
  background-color: #320064;
}
.career .career-card > div::before {
  width: 100%;
  background-color: #ECECEC;
}
.career .career-card > div::after, .career .career-card > div::before {
  height: 5px;
  bottom: 0;
  left: 0;
  transition: width 0.5s ease;
}
@media (min-width: 992px) {
  .career .career-card > div::after, .career .career-card > div::before {
    height: 6px;
  }
}
@media (min-width: 1200px) {
  .career .career-card > div::after, .career .career-card > div::before {
    height: 7px;
  }
}
@media (min-width: 1440px) {
  .career .career-card > div::after, .career .career-card > div::before {
    height: 8px;
  }
}
@media (min-width: 1600px) {
  .career .career-card > div::after, .career .career-card > div::before {
    height: 9px;
  }
}
@media (min-width: 1600px) {
  .career .career-card > div::after, .career .career-card > div::before {
    height: 10px;
  }
}
.career .career-card h3 {
  text-transform: uppercase;
  color: #000;
}
.career .career-card span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ECECEC;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 2px 15px;
}
.career .career-card .description {
  max-height: 30px;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .career .career-card .description ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 768px) {
  .career .career-card .description {
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .career .career-card .description {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .career .career-card .description {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .career .career-card .description {
    margin-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .career .career-card .description {
    margin-bottom: 28px;
  }
}
@media (min-width: 1900px) {
  .career .career-card .description {
    margin-bottom: 30px;
  }
}
.career .career-card .description p + p, .career .career-card .description p + ul {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .career .career-card .description p + p, .career .career-card .description p + ul {
    margin-top: 14px;
  }
}
@media (min-width: 1200px) {
  .career .career-card .description p + p, .career .career-card .description p + ul {
    margin-top: 16px;
  }
}
@media (min-width: 1440px) {
  .career .career-card .description p + p, .career .career-card .description p + ul {
    margin-top: 18px;
  }
}
@media (min-width: 1600px) {
  .career .career-card .description p + p, .career .career-card .description p + ul {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card .description p + p, .career .career-card .description p + ul {
    margin-top: 20px;
  }
}
.career .career-card li {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (min-width: 1200px) {
  .career .career-card li {
    gap: 11px;
  }
}
.career .career-card:hover::before {
  background-color: #5E0C9E;
}
.career .career-card:hover > div::after {
  width: 100%;
  transition: width 0.8s ease;
}
.career .career-card:hover .description {
  max-height: 1500px;
}
.career .career-card .arrow-btn {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .career .career-card .arrow-btn {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .career .career-card .arrow-btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .career .career-card .arrow-btn {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .career .career-card .arrow-btn {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .career .career-card .arrow-btn {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card .arrow-btn {
    margin-bottom: 20px;
  }
}
.career .career-card-head {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .career .career-card-head {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .career .career-card-head {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .career .career-card-head {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .career .career-card-head {
    margin-bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .career .career-card-head {
    margin-bottom: 18px;
  }
}
@media (min-width: 1600px) {
  .career .career-card-head {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) {
  .career .career-card-head {
    margin-bottom: 20px;
  }
}
.career .career-card-head ul {
  display: flex;
  gap: 5px;
}
@media (max-width: 767px) {
  .career .career-card-head ul {
    width: 100%;
    flex-wrap: wrap;
  }
  .career .career-card-head ul li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .career .career-card-head ul {
    gap: 22px;
  }
}
@media (min-width: 992px) {
  .career .career-card-head ul {
    gap: 26px;
  }
}
@media (min-width: 1200px) {
  .career .career-card-head ul {
    gap: 30px;
  }
}
@media (min-width: 1360px) {
  .career .career-card-head ul {
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .career .career-card-head ul {
    gap: 36px;
  }
}
@media (min-width: 1600px) {
  .career .career-card-head ul {
    gap: 38px;
  }
}
@media (min-width: 1900px) {
  .career .career-card-head ul {
    gap: 40px;
  }
}
.career .nav-pills {
  flex-wrap: nowrap;
  gap: 5px;
  overflow-y: auto;
  width: 100%;
}
.career .nav-pills::-webkit-scrollbar {
  height: 8px;
}
@media (max-width: 767px) {
  .career .nav-pills {
    margin-bottom: 40px;
    padding-left: 104px;
  }
}
@media (min-width: 768px) {
  .career .nav-pills {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .career .nav-pills {
    gap: 25px;
  }
}
@media (min-width: 1200px) {
  .career .nav-pills {
    gap: 32px;
  }
}
@media (min-width: 1360px) {
  .career .nav-pills {
    gap: 28px;
  }
}
@media (min-width: 1440px) {
  .career .nav-pills {
    gap: 30px;
  }
}
@media (min-width: 1600px) {
  .career .nav-pills {
    gap: 32px;
  }
}
@media (min-width: 1900px) {
  .career .nav-pills {
    gap: 40px;
  }
}
.career .nav-pills li {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .career .nav-pills li {
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .career .nav-pills li {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .career .nav-pills li {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .career .nav-pills li {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .career .nav-pills li {
    margin-bottom: 60px;
  }
}
.career .nav-pills button {
  color: #575757;
  min-width: 100px;
  max-width: 1400px;
  border-radius: 8px;
  background-color: #EBE6F3;
  padding: 5px 8px;
}
@media (min-width: 768px) {
  .career .nav-pills button {
    padding: 8px 15px;
    border-radius: 11px;
  }
}
@media (min-width: 992px) {
  .career .nav-pills button {
    padding: 14px 30px;
    border-radius: 13px;
  }
}
@media (min-width: 1200px) {
  .career .nav-pills button {
    padding: 15px 34px;
    border-radius: 14px;
  }
}
@media (min-width: 1360px) {
  .career .nav-pills button {
    padding: 16px 36px;
    border-radius: 15px;
  }
}
@media (min-width: 1440px) {
  .career .nav-pills button {
    padding: 17px 37px;
    border-radius: 16px;
  }
}
@media (min-width: 1600px) {
  .career .nav-pills button {
    padding: 18px 38px;
    border-radius: 18px;
  }
}
@media (min-width: 1900px) {
  .career .nav-pills button {
    padding: 20px 40px;
    border-radius: 20px;
  }
}
.career .nav-pills button.active {
  background-color: #fff;
  color: #353535;
  box-shadow: 0px 15px 15px 0px rgba(16, 16, 16, 0.15);
}
.career .container-ctn > a {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .career .container-ctn > a {
    margin: auto;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .career .container-ctn > a {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .career .container-ctn > a {
    margin-top: 55px;
  }
}
@media (min-width: 1200px) {
  .career .container-ctn > a {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) {
  .career .container-ctn > a {
    margin-top: 70px;
  }
}
@media (min-width: 1600px) {
  .career .container-ctn > a {
    margin-top: 75px;
  }
}
@media (min-width: 1900px) {
  .career .container-ctn > a {
    margin-top: 80px;
  }
}
.career .heading + p {
  width: 82.56%;
  margin-bottom: 20px;
}
.career .accordion-item {
  border-radius: 0;
  border: unset;
}
.career .accordion-item:first-child button {
  border-top: unset;
}
.career .accordion-button {
  transition: 0.5s ease all;
  border-radius: 0 !important;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background: unset;
  box-shadow: unset;
  padding: 20px 0px 8px 0px;
}
@media (min-width: 768px) {
  .career .accordion-button {
    padding: 26px 0px 10px 0px;
  }
}
@media (min-width: 992px) {
  .career .accordion-button {
    padding: 30px 0px 12px 0px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-button {
    padding: 33px 0px 14px 0px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-button {
    padding: 36px 0px 16px 0px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-button {
    padding: 38px 0px 18px 0px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-button {
    padding: 40px 0px 20px 0px;
  }
}
.career .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="0.5" y="-0.5" width="49" height="49" rx="24.5" transform="matrix(1 0 0 -1 0 49)" fill="%236A2875" stroke="%236A2875"/><path d="M16.2501 20.0067C16.4142 20.0065 16.5767 20.0392 16.7282 20.1029C16.8798 20.1666 17.0173 20.2601 17.133 20.378L23.5247 26.8524C23.718 27.0484 23.9476 27.2039 24.2003 27.3099C24.453 27.416 24.7239 27.4706 24.9974 27.4706C25.2709 27.4706 25.5418 27.416 25.7945 27.3099C26.0472 27.2039 26.2768 27.0484 26.4701 26.8524L32.8518 20.3864C32.967 20.2655 33.1049 20.1691 33.2573 20.1028C33.4098 20.0364 33.5737 20.0015 33.7396 20C33.9056 19.9986 34.0701 20.0306 34.2236 20.0943C34.3772 20.1579 34.5167 20.2519 34.634 20.3708C34.7513 20.4896 34.8441 20.6309 34.907 20.7865C34.9698 20.9421 35.0014 21.1088 35 21.2769C34.9985 21.4449 34.964 21.611 34.8986 21.7655C34.8331 21.9199 34.7379 22.0596 34.6185 22.1764L28.2369 28.6424C27.3772 29.5117 26.2121 30 24.9974 30C23.7827 30 22.6176 29.5117 21.7579 28.6424L15.3663 22.1679C15.1914 21.9909 15.0723 21.7653 15.024 21.5197C14.9758 21.274 15.0005 21.0194 15.0951 20.7881C15.1898 20.5567 15.35 20.3589 15.5556 20.2198C15.7612 20.0808 16.0029 20.0066 16.2501 20.0067Z" fill="white"/></svg>');
  background-size: 30px;
  width: 30px;
  height: 30px;
}
@media (min-width: 768px) {
  .career .accordion-button::after {
    position: absolute;
    right: 0;
    top: 40px;
    background-size: 33px;
    width: 33px;
    height: 33px;
  }
}
@media (min-width: 992px) {
  .career .accordion-button::after {
    background-size: 36px;
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-button::after {
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-button::after {
    background-size: 44px;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-button::after {
    background-size: 48px;
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-button::after {
    background-size: 50px;
    width: 50px;
    height: 50px;
  }
}
.career .accordion-button:not(.collapsed) {
  border: unset;
  transition: 0.5s ease all;
}
.career .accordion-button:not(.collapsed) .career-info li i {
  background-color: #000;
  transition: 0.5s ease all;
}
.career .accordion-button:not(.collapsed) .career-info li i path {
  fill: #fff;
  transition: 0.5s ease all;
}
.career .accordion {
  width: 100%;
}
.career .accordion-body {
  padding: 0;
}
.career .accordion-body span {
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  margin-top: 25px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .career .accordion-body span {
    font-size: 18px;
    line-height: 18px;
    margin-top: 35px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body span {
    font-size: 20px;
    line-height: 20px;
    margin-top: 45px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-body span {
    font-size: 24px;
    line-height: 34px;
    margin-top: 52px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-body span {
    font-size: 26px;
    line-height: 38px;
    margin-top: 58px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-body span {
    font-size: 28px;
    line-height: 40px;
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
.career .accordion-body p + p,
.career .accordion-body p + ul,
.career .accordion-body ul + p {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 36px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 40px;
  }
}
.career .accordion-body .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 60px;
}
.career .accordion-body ul {
  display: flex;
  flex-wrap: wrap;
}
.career .accordion-body ul li {
  width: 100%;
}
@media (min-width: 576px) {
  .career .accordion-body ul li {
    width: 49.3%;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body ul li {
    width: 33.3%;
  }
}

.career-info ul,
.career-info ul li {
  display: flex;
}

.careerApply {
  z-index: 99999999;
  background: rgba(50, 0, 100, 0.5);
}
.careerApply .btn {
  z-index: 1;
  margin-top: 25px;
}
.careerApply button.btn-close {
  font-weight: 500;
  justify-content: end;
  align-items: center;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
  z-index: 999999999999999;
  position: absolute;
  right: 0;
  top: 9px;
  display: flex;
  width: 100%;
  gap: 5.14px;
}
@media (min-width: 992px) {
  .careerApply button.btn-close {
    right: 20px;
    top: 20px;
    gap: 10px;
  }
}
@media (min-width: 1360px) {
  .careerApply button.btn-close {
    gap: 13px;
  }
}
@media (min-width: 1600px) {
  .careerApply button.btn-close {
    gap: 15px;
  }
}
@media (min-width: 1900px) {
  .careerApply button.btn-close {
    gap: 16px;
  }
}
.careerApply button.btn-close:focus {
  border: unset;
  box-shadow: unset;
}
@media (min-width: 576px) {
  .careerApply button.btn-close svg {
    gap: 10.14px;
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 1200px) {
  .careerApply button.btn-close svg {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1360px) {
  .careerApply button.btn-close svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .careerApply button.btn-close svg {
    width: 34px;
    height: 34px;
  }
}
@media (min-width: 1600px) {
  .careerApply button.btn-close svg {
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 1900px) {
  .careerApply button.btn-close svg {
    width: 37px;
    height: 37px;
  }
}
@media (max-width: 575px) {
  .careerApply button.btn-close svg {
    width: 25px;
    height: 25px;
  }
}
.careerApply .modal-dialog {
  max-width: 600px;
}
@media (min-width: 768px) {
  .careerApply .modal-dialog {
    max-width: 650px;
  }
}
@media (min-width: 992px) {
  .careerApply .modal-dialog {
    max-width: 87.7399%;
  }
}
@media (min-width: 1200px) {
  .careerApply .modal-dialog {
    max-width: 68.7399%;
  }
}
@media (min-width: 1900px) {
  .careerApply .modal-dialog {
    max-width: 1314.99px;
  }
}
@media (max-width: 575px) {
  .careerApply .modal-dialog picture {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.careerApply .modal-dialog picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .careerApply .error-message {
    bottom: -14px;
    font-size: 9px;
  }
}

.careerPopupBox .file-upload {
  margin-top: 20px;
  gap: 0;
}
.careerPopupBox p {
  color: #231720;
  font-family: Montserrat;
  font-weight: 700;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .careerPopupBox p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox p {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox p {
    margin-bottom: 29px;
  }
}
.careerPopupBox .formGroup {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 25px;
}
.careerPopupBox .formGroup .btn {
  z-index: 1;
}
@media (min-width: 768px) {
  .careerPopupBox .formGroup {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .careerPopupBox .formGroup {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox .formGroup {
    margin-bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .careerPopupBox .formGroup {
    margin-bottom: 26px;
  }
}
@media (min-width: 1900px) {
  .careerPopupBox .formGroup {
    margin-bottom: 28.22px;
  }
}
.careerPopupBox .formGroup label,
.careerPopupBox .formGroup input,
.careerPopupBox .formGroup textarea,
.careerPopupBox .formGroup select {
  width: 100%;
}
.careerPopupBox .formGroup select {
  border-bottom: 1px solid #8A0CE1 !important;
  padding: 0px;
  padding-left: 0;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup select {
    border-bottom: 2px solid #8A0CE1 !important;
    padding: 10px;
    padding-right: 20px;
  }
}
.careerPopupBox .formGroup input,
.careerPopupBox .formGroup textarea,
.careerPopupBox .formGroup select {
  border-radius: 0;
  border: unset;
  background-color: transparent;
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 12px;
  }
}
@media (min-width: 1360px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 16px;
  }
}
.careerPopupBox .formGroup input:focus,
.careerPopupBox .formGroup textarea:focus,
.careerPopupBox .formGroup select:focus {
  outline: unset;
}
.careerPopupBox .formGroup textarea {
  width: 100%;
  resize: none;
}
.careerPopupBox .formGroup .custom-file-input {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #999;
  cursor: pointer;
}
.careerPopupBox .formGroup .custom-file-input button,
.careerPopupBox .formGroup .custom-file-input a {
  min-width: 100px;
  height: 40px;
  margin-top: -16px;
  z-index: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 110px;
    height: 39px;
    margin-top: -15px;
  }
}
@media (min-width: 768px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 128px;
    height: 40px;
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 148px;
    height: 50px;
    margin-top: -30px;
  }
}
.careerPopupBox .formGroup .custom-file-input input[type=file] {
  position: absolute;
  font-size: 100px;
  opacity: 0;
  right: 0;
  height: 60px;
  top: -30px;
  z-index: 9;
}
.careerPopupBox .formGroup .custom-file-input label {
  display: inline-block;
  z-index: 2;
  position: relative;
}
@media (min-width: 992px) {
  .careerPopupBox form > button {
    position: relative;
    top: 10px;
    min-width: 140px;
  }
}
.careerPopupBox .iti input {
  border: unset;
}

.modalForm form {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.modalForm .col6 {
  width: 48%;
}
.modalForm .col12 {
  width: 100%;
}
.modalForm h2 {
  width: 97%;
  color: #320064;
  line-height: 133.333%;
  font-size: 24px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .modalForm h2 {
    font-size: 26px;
    margin-bottom: 3px;
  }
}
@media (min-width: 992px) {
  .modalForm h2 {
    font-size: 31px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .modalForm h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1360px) {
  .modalForm h2 {
    font-size: 33px;
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1440px) {
  .modalForm h2 {
    font-size: 34px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1600px) {
  .modalForm h2 {
    font-size: 38px;
    margin-bottom: 6.28px;
  }
}
@media (min-width: 1900px) {
  .modalForm h2 {
    font-size: 45px;
    margin-bottom: 8.28px;
  }
}
.modalForm p {
  font-weight: 400;
  font-family: "IBM Plex Serif", serif;
  color: #5E0C9E;
  line-height: 138.462%;
  font-size: 16px;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .modalForm p {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .modalForm p {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .modalForm p {
    font-size: 17px;
    margin-bottom: 22.44px;
  }
}
@media (min-width: 1360px) {
  .modalForm p {
    font-size: 20px;
    margin-bottom: 26.44px;
  }
}
@media (min-width: 1600px) {
  .modalForm p {
    font-size: 21px;
    margin-bottom: 30.44px;
  }
}
@media (min-width: 1900px) {
  .modalForm p {
    font-size: 26px;
    margin-bottom: 41.44px;
  }
}
.modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
  text-transform: uppercase;
  line-height: normal;
  color: #320064;
  font-size: 12.5px;
}
.modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
  text-transform: uppercase;
  line-height: normal;
  color: #320064;
  font-size: 12.5px;
}
@media (min-width: 768px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 13px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 13.5px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 13.5px;
  }
}
@media (min-width: 1200px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 14px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 14.5px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 14.5px;
  }
}
@media (min-width: 1440px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 15px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 15.5px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 15.5px;
  }
}
@media (min-width: 1900px) {
  .modalForm input::-moz-placeholder, .modalForm textarea::-moz-placeholder {
    font-size: 16px;
  }
  .modalForm input, .modalForm input::placeholder, .modalForm textarea, .modalForm textarea::placeholder, .modalForm select {
    font-size: 16px;
  }
}
.modalForm input {
  padding-left: 0;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .modalForm input {
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .modalForm input {
    padding-bottom: 13px;
  }
}
@media (min-width: 1200px) {
  .modalForm input {
    padding-bottom: 10px;
  }
}
@media (min-width: 1360px) {
  .modalForm input {
    padding-bottom: 13px;
  }
}
@media (min-width: 1440px) {
  .modalForm input {
    padding-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .modalForm input {
    padding-bottom: 15.8px;
  }
}
@media (min-width: 1900px) {
  .modalForm input {
    padding-bottom: 24.8px;
  }
}
.modalForm textarea {
  height: 50px;
}
@media (min-width: 768px) {
  .modalForm textarea {
    height: 58px;
  }
}
@media (min-width: 992px) {
  .modalForm textarea {
    height: 63px;
  }
}
@media (min-width: 1200px) {
  .modalForm textarea {
    height: 68px;
  }
}
@media (min-width: 1360px) {
  .modalForm textarea {
    height: 73px;
  }
}
@media (min-width: 1440px) {
  .modalForm textarea {
    height: 83px;
  }
}
@media (min-width: 1600px) {
  .modalForm textarea {
    height: 93px;
  }
}
@media (min-width: 1900px) {
  .modalForm textarea {
    height: 103px;
  }
}
.modalForm input, .modalForm textarea {
  border-bottom: 1px solid #8A0CE1 !important;
}
@media (min-width: 576px) {
  .modalForm input, .modalForm textarea {
    border-bottom: 1.5px solid #8A0CE1 !important;
  }
}
@media (min-width: 992px) {
  .modalForm input, .modalForm textarea {
    border-bottom: 2px solid #8A0CE1 !important;
  }
}

.careerPopupBox {
  align-items: flex-end;
  flex-wrap: wrap;
}

.modalForm {
  padding: 46.64px 20px 17.64px 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .modalForm {
    width: 55.8294%;
    padding: 36.64px 0px 45.77px 35.02px;
  }
}
@media (min-width: 992px) {
  .modalForm {
    padding: 60.64px 0px 45.77px 45.02px;
  }
}
@media (min-width: 1200px) {
  .modalForm {
    padding: 25.64px 0px 25.77px 45.02px;
  }
}
@media (min-width: 1440px) {
  .modalForm {
    padding: 48.64px 0px 58.77px 60.02px;
  }
}
@media (min-width: 1600px) {
  .modalForm {
    padding: 50.64px 0px 60.77px 75.02px;
  }
}
@media (min-width: 1900px) {
  .modalForm {
    padding: 50.64px 0px 50.77px 83.02px;
  }
}
@media (min-width: 576px) {
  .modalForm form {
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .modalForm form {
    padding-right: 37px;
  }
}
@media (min-width: 992px) {
  .modalForm form {
    padding-right: 42px;
  }
}
@media (min-width: 1200px) {
  .modalForm form {
    padding-right: 47px;
  }
}
@media (min-width: 1360px) {
  .modalForm form {
    padding-right: 52px;
  }
}
@media (min-width: 1440px) {
  .modalForm form {
    padding-right: 57px;
  }
}
@media (min-width: 1600px) {
  .modalForm form {
    padding-right: 62px;
  }
}
@media (min-width: 1900px) {
  .modalForm form {
    padding-right: 67px;
  }
}

.modalSlider {
  width: 100%;
}
.modalSlider .slick-track, .modalSlider .slick-slide {
  width: 100% !important;
}
@media (min-width: 768px) {
  .modalSlider {
    width: 44.13%;
  }
}

.modalSlider {
  bottom: -1px;
}
@media (max-width: 767px) {
  .modalSlider {
    display: none;
  }
}
.modalSlider picture {
  position: relative;
}
.modalSlider picture::after {
  width: 72%;
  height: 48%;
  background-image: url(../images/background/modal-theme.webp);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -1px;
  right: 32.4px;
  background-position: bottom right;
  opacity: 0.5;
}
.modalSlider img {
  width: 100%;
  height: auto;
}

.enquiryForm .modal-content {
  background: url(../images/background/modal-round-mob.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  border-radius: 0;
}
@media (min-width: 992px) {
  .enquiryForm .modal-content {
    background: url(../images/background/modal-round.webp);
  }
}
@media (max-width: 575px) {
  .enquiryForm .modal-content {
    background-position: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .enquiryForm .btn.themeBtn {
    height: 45px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .enquiryForm .btn.themeBtn {
    height: 55px;
  }
}

.leftFixedBox {
  position: fixed;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 1.9%;
  top: 75%;
  z-index: 10000;
  gap: 22.53px;
}
.leftFixedBox > div:first-child img {
  animation: pulse 2s infinite;
}
@media (max-width: 991px) {
  .leftFixedBox {
    display: none;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .iconBox {
  background: #5E0C9E;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .iconBox {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 1360px) {
  .leftFixedBox .iconBox {
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .iconBox {
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .iconBox {
    width: 58px;
    height: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .iconBox {
    width: 60px;
    height: 60px;
  }
}
.leftFixedBox .iconBox img {
  height: auto;
  width: 40px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox img {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox img {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .iconBox img {
    width: 52px;
  }
}
@media (min-width: 1360px) {
  .leftFixedBox .iconBox img {
    width: 54px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .iconBox img {
    width: 56px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .iconBox img {
    width: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .iconBox img {
    width: 60px;
  }
}
.leftFixedBox .iconBox i {
  color: #6f4287;
}
.leftFixedBox .dropdown-menu {
  min-width: 40px;
  width: auto;
  height: 50px;
  background: transparent;
  padding: 0;
  border: 0;
}
.leftFixedBox .dropdown-menu .iconBox {
  background: #320064;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  box-shadow: 0px 2px 10px 2px rgba(56, 52, 52, 0.2);
  text-decoration: none;
}
.leftFixedBox .dropdown-menu .iconBox i {
  color: #ffffff;
  font-size: 18px;
}
.leftFixedBox .dropdown-menu .iconBox:hover {
  background: #0a1821;
}
.leftFixedBox .dropdown-menu.show {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
}
.leftFixedBox .QuickSideRightBar {
  position: relative;
}
.leftFixedBox .QuickSideRightBar .iconBox {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  background: #320064;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  position: absolute;
  background: #320064;
  width: 0;
  height: 50px;
  right: 0;
  top: 0px;
  font-size: 13px;
  line-height: 40px;
  color: #000;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s;
  border-radius: 30px;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  left: 12px;
  top: 0;
  font-size: 17px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft {
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 190px;
}
.leftFixedBox .animateBox {
  background-color: #fff !important;
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  border-radius: 10px 10px 0px 0px;
  padding: 12px 0px;
  overflow: hidden;
  background: #320064;
}
.bottomFixedMenu ul {
  list-style: none;
}
.bottomFixedMenu span {
  color: #fff;
  display: block;
  line-height: 12px;
}
@media (max-width: 575px) {
  .bottomFixedMenu span {
    font-size: 12px;
  }
}
.bottomFixedMenu li {
  display: flex;
  width: 33.3%;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3803921569);
}
.bottomFixedMenu li a, .bottomFixedMenu li button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.innerBanner {
  position: relative;
}
@media (max-width: 575px) {
  .innerBanner::before {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
  }
}
.innerBanner img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .innerBanner img {
    height: 350px;
    -o-object-position: 78% 0%;
       object-position: 78% 0%;
  }
}
.innerBanner .innerHeroTxt {
  width: 100%;
}
@media (min-width: 768px) {
  .innerBanner .innerHeroTxt {
    width: 46.152%;
  }
}
@media (min-width: 992px) {
  .innerBanner .innerHeroTxt {
    width: 36.152%;
  }
}
.innerBanner .container-ctn {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 26%;
}
.innerBanner h2, .innerBanner h1 {
  line-height: 109.091%;
  color: #E2FF06;
  margin-bottom: 10px;
}
.innerBanner p {
  font-weight: 200;
  color: #fff;
  line-height: 121.429%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .innerBanner p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .innerBanner p {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .innerBanner p {
    font-size: 19px;
  }
}
@media (min-width: 1440px) {
  .innerBanner p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .innerBanner p {
    font-size: 23px;
  }
}
@media (min-width: 1900px) {
  .innerBanner p {
    font-size: 28px;
  }
}

.breadcrumb {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .breadcrumb {
    padding-top: 23px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .breadcrumb {
    padding-top: 26px;
    padding-bottom: 37px;
  }
}
@media (min-width: 1360px) {
  .breadcrumb {
    padding-top: 29px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .breadcrumb {
    padding-top: 31px;
    padding-bottom: 43px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb {
    padding-top: 33px;
    padding-bottom: 45px;
  }
}
@media (min-width: 1900px) {
  .breadcrumb {
    padding-top: 35px;
    padding-bottom: 47px;
  }
}
.breadcrumb ul {
  display: flex;
}
.breadcrumb ul li {
  padding-right: 15px;
}
@media (min-width: 1440px) {
  .breadcrumb ul li {
    padding-right: 16px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb ul li {
    padding-right: 18px;
  }
}
@media (min-width: 1900px) {
  .breadcrumb ul li {
    padding-right: 20px;
  }
}
.breadcrumb ul li a {
  color: #320064;
  font-size: 16px;
}
@media (min-width: 768px) {
  .breadcrumb ul li a {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .breadcrumb ul li a {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .breadcrumb ul li a {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .breadcrumb ul li a {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb ul li a {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  .breadcrumb ul li a {
    font-size: 18px;
  }
}
.breadcrumb ul li:last-child a {
  color: #000;
}
.breadcrumb ul li + li {
  padding-left: 15px;
  position: relative;
}
@media (min-width: 1440px) {
  .breadcrumb ul li + li {
    padding-left: 16px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb ul li + li {
    padding-left: 18px;
  }
}
@media (min-width: 1900px) {
  .breadcrumb ul li + li {
    padding-left: 20px;
  }
}
.breadcrumb ul li + li::before {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.breadcrumb ul li + li:last-child {
  padding-right: 0;
}
.breadcrumb + section {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .breadcrumb + section {
    padding-top: 25px;
  }
}
@media (min-width: 992px) {
  .breadcrumb + section {
    padding-top: 28px;
  }
}
@media (min-width: 1200px) {
  .breadcrumb + section {
    padding-top: 30px;
  }
}
@media (min-width: 1360px) {
  .breadcrumb + section {
    padding-top: 32px;
  }
}
@media (min-width: 1440px) {
  .breadcrumb + section {
    padding-top: 34px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb + section {
    padding-top: 36px;
  }
}
@media (min-width: 1900px) {
  .breadcrumb + section {
    padding-top: 38px;
  }
}

header + .breadcrumb {
  padding-top: 80px;
}
@media (min-width: 768px) {
  header + .breadcrumb {
    padding-top: 120px;
  }
}
@media (min-width: 768px) {
  header + .breadcrumb {
    padding-top: 95px;
  }
}
@media (min-width: 992px) {
  header + .breadcrumb {
    padding-top: 105px;
  }
}
@media (min-width: 1200px) {
  header + .breadcrumb {
    padding-top: 115px;
  }
}
@media (min-width: 1360px) {
  header + .breadcrumb {
    padding-top: 125px;
  }
}
@media (min-width: 1440px) {
  header + .breadcrumb {
    padding-top: 135px;
  }
}
@media (min-width: 1600px) {
  header + .breadcrumb {
    padding-top: 145px;
  }
}
@media (min-width: 1900px) {
  header + .breadcrumb {
    padding-top: 155px;
  }
}

.teacher-row {
  gap: 25px 1.5%;
}
@media (min-width: 768px) {
  .teacher-row {
    gap: 50px 1%;
  }
}
.teacher-row .teacher-card {
  width: 48.5%;
}
@media (min-width: 768px) {
  .teacher-row .teacher-card {
    width: 32.3%;
  }
}
@media (min-width: 992px) {
  .teacher-row .teacher-card {
    width: 24%;
  }
}

a.btn.commonBtn.enquiryBtn.load-btn {
  justify-content: center;
  width: 200px !important;
  height: 50px !important;
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
a.btn.commonBtn.enquiryBtn.load-btn span {
  display: block;
}

.team-detailpage .profile {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 10px;
  background: linear-gradient(154deg, #CCF4FE 3.72%, #C8C3F3 84.08%);
  width: 100%;
}
@media (max-width: 768px) {
  .team-detailpage .profile {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .team-detailpage .profile {
    width: 39.978%;
    position: sticky;
    top: 80px;
  }
}
.team-detailpage .profile::before {
  background: url('data:image/svg+xml,<svg width="572" height="651" viewBox="0 0 572 651" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M229.002 0.0441773C242.167 29.4221 253.786 55.0449 265.184 80.8003C328.49 224.2 391.707 367.643 455.014 511.043C480.283 568.297 514.079 618.394 571.553 650.864H187.785C202.231 642.559 217.958 636.286 230.151 625.904C264.477 596.658 274.947 550.714 255.421 503.93C218.356 415.134 179.303 327.177 140.118 239.308C133.624 224.73 132.917 213.111 139.72 198.312C166.492 140.042 191.805 81.0653 217.737 22.3979C220.565 16.0364 223.922 9.93989 228.958 0L229.002 0.0441773Z" fill="white"/><path d="M-72.0625 651.877C-20.596 620.82 14.8343 577.217 39.927 522.835C36.0394 584.374 57.1118 629.214 117.414 651.877H-72.0625Z" fill="white"/></g></svg>');
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.team-detailpage .profile img {
  margin: auto;
  z-index: 1;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: clamp(250px, 33.9063vw, 651px);
}
.team-detailpage .profile picture:nth-child(2) {
  display: none;
  transition: 0.5s ease all;
}
.team-detailpage .profile:hover:before {
  background: url("data:image/svg+xml,%3Csvg width='572' height='651' viewBox='0 0 572 651' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M229.002 0.0441773C242.167 29.4221 253.786 55.0449 265.184 80.8003C328.49 224.2 391.707 367.643 455.014 511.043C480.283 568.297 514.079 618.394 571.553 650.864H187.785C202.231 642.559 217.958 636.286 230.151 625.904C264.477 596.658 274.947 550.714 255.421 503.93C218.356 415.134 179.303 327.177 140.118 239.308C133.624 224.73 132.917 213.111 139.72 198.312C166.492 140.042 191.805 81.0653 217.737 22.3979C220.565 16.0364 223.922 9.93989 228.958 0L229.002 0.0441773Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M-72.0625 651.877C-20.596 620.82 14.8343 577.217 39.927 522.835C36.0394 584.374 57.1118 629.214 117.414 651.877H-72.0625Z' fill='url(%23paint1_linear)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='235.47' y1='6.8951' x2='686.867' y2='39.1159' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238A0CE1'/%3E%3Cstop offset='0.505' stop-color='%235E0C9E'/%3E%3Cstop offset='1' stop-color='%23320064'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='0' y1='527.845' x2='195.407' y2='559.925' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238A0CE1'/%3E%3Cstop offset='0.505' stop-color='%235E0C9E'/%3E%3Cstop offset='1' stop-color='%23320064'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.team-detailpage .profile:hover picture:nth-child(2) {
  display: block;
  transition: 0.5s ease all;
}
.team-detailpage .profile:hover picture:nth-child(1) {
  display: none;
  transition: 0.5s ease all;
}
.team-detailpage .team-info {
  width: 100%;
}
@media (min-width: 768px) {
  .team-detailpage .team-info {
    width: 54.158%;
  }
}
.team-detailpage .team-info h1, .team-detailpage .team-info h2 {
  line-height: 100%;
  margin-bottom: 8px;
  color: #320064;
}
.team-detailpage .team-info span {
  line-height: 120%;
  display: block;
  color: #404040;
  font-family: "IBM Plex Serif";
  font-weight: 300;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .team-detailpage .team-info span {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .team-detailpage .team-info span {
    margin-bottom: 19px;
  }
}
@media (min-width: 1200px) {
  .team-detailpage .team-info span {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) {
  .team-detailpage .team-info span {
    margin-bottom: 23px;
  }
}
@media (min-width: 1440px) {
  .team-detailpage .team-info span {
    margin-bottom: 25px;
  }
}
@media (min-width: 1600px) {
  .team-detailpage .team-info span {
    margin-bottom: 27px;
  }
}
@media (min-width: 1900px) {
  .team-detailpage .team-info span {
    margin-bottom: 29px;
  }
}
.team-detailpage .team-info ul {
  display: flex;
  flex-wrap: wrap;
}
.team-detailpage .team-info li {
  line-height: 150%;
  font-weight: 500;
  font-size: 13px;
}
@media (min-width: 768px) {
  .team-detailpage .team-info li {
    font-size: 14px;
  }
}
@media (min-width: 1350px) {
  .team-detailpage .team-info li {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .team-detailpage .team-info li {
    font-size: 16px;
  }
}
.team-detailpage .team-info li + li {
  position: relative;
  padding-left: 7px;
  margin-left: 2px;
}
@media (min-width: 992px) {
  .team-detailpage .team-info li + li {
    padding-left: 9px;
    margin-left: 4px;
  }
}
@media (min-width: 1440px) {
  .team-detailpage .team-info li + li {
    padding-left: 10px;
    margin-left: 5px;
  }
}
.team-detailpage .team-info li + li::before {
  content: "|";
  position: absolute;
  left: 0;
}
.team-detailpage .team-info div {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(138, 12, 225, 0.2);
}
@media (min-width: 768px) {
  .team-detailpage .team-info div {
    margin-top: 20px;
    padding-top: 22px;
  }
}
@media (min-width: 1200px) {
  .team-detailpage .team-info div {
    margin-top: 28px;
    padding-top: 24px;
  }
}
@media (min-width: 1350px) {
  .team-detailpage .team-info div {
    margin-top: 30px;
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .team-detailpage .team-info div {
    margin-top: 32px;
    padding-top: 28px;
  }
}
.team-detailpage .team-info div p + p {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .team-detailpage .team-info div p + p {
    margin-top: 14px;
  }
}
@media (min-width: 1200px) {
  .team-detailpage .team-info div p + p {
    margin-top: 16px;
  }
}
@media (min-width: 1350px) {
  .team-detailpage .team-info div p + p {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) {
  .team-detailpage .team-info div p + p {
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  .team-detailpage .team-info div p + p {
    margin-top: 22px;
  }
}
@media (min-width: 1900px) {
  .team-detailpage .team-info div p + p {
    margin-top: 24px;
  }
}

.banner {
  background: #320064;
}
.banner .banner-text-slide {
  position: relative;
  transition: 0.8s ease all;
  opacity: 0;
  left: 1000px;
}
.banner .banner-text-slide.slick-current.slick-active {
  opacity: 1;
  transition: 2s ease all;
  left: 0px;
}
.banner img {
  width: 100%;
  height: auto;
}
@media (max-width: 575px) {
  .banner img {
    height: 520px;
  }
}
.banner .container-ctn {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.banner .position-container {
  bottom: 0;
  margin-bottom: 130px;
}
@media (min-width: 768px) {
  .banner .position-container {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .banner .position-container {
    margin-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .banner .position-container {
    margin-bottom: 80px;
  }
}
@media (min-width: 1360px) {
  .banner .position-container {
    margin-bottom: 95px;
  }
}
@media (min-width: 1440px) {
  .banner .position-container {
    margin-bottom: 95px;
  }
}
@media (min-width: 1600px) {
  .banner .position-container {
    margin-bottom: 110px;
  }
}
@media (min-width: 1900px) {
  .banner .position-container {
    margin-bottom: 128px;
  }
}
.banner .banner-text-slider {
  width: 100%;
}
.banner .banner-text-slider h1, .banner .banner-text-slider p {
  white-space: pre-line;
}
.banner .banner-text-slider h1 {
  color: #E2FF06;
}
.banner .banner-text-slider p {
  color: #fff;
  font-weight: 200;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 115%;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  padding: 5px 0px;
  padding-right: 15px;
  font-size: 19px;
}
@media (min-width: 768px) {
  .banner .banner-text-slider p {
    margin-top: 15px;
    padding: 5px 0px;
    padding-right: 15px;
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .banner .banner-text-slider p {
    margin-top: 15px;
    padding: 10px 0px;
    padding-right: 25px;
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .banner .banner-text-slider p {
    margin-top: 20px;
    font-size: 26px;
    padding-right: 15px;
  }
}
@media (min-width: 1360px) {
  .banner .banner-text-slider p {
    margin-top: 28px;
    font-size: 30px;
    padding-right: 19px;
  }
}
@media (min-width: 1440px) {
  .banner .banner-text-slider p {
    margin-top: 31px;
    font-size: 32px;
    padding-right: 21px;
  }
}
@media (min-width: 1600px) {
  .banner .banner-text-slider p {
    margin-top: 33px;
    font-size: 36px;
    padding-right: 23px;
  }
}
@media (min-width: 1900px) {
  .banner .banner-text-slider p {
    margin-top: 35px;
    font-size: 38px;
    padding-right: 25px;
  }
}
.banner .enquiry-box {
  bottom: 10px;
}
@media (min-width: 768px) {
  .banner .enquiry-box {
    bottom: 0;
  }
}
.banner .enquiry-box ul {
  background-color: #2F0068;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .banner .enquiry-box ul {
    width: 100%;
  }
}
.banner .enquiry-box ul li {
  line-height: normal;
  position: relative;
  padding: 7px 10px;
}
@media (max-width: 767px) {
  .banner .enquiry-box ul li {
    width: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4196078431);
  }
}
@media (min-width: 768px) {
  .banner .enquiry-box ul li {
    padding: 0px 25px;
  }
}
@media (min-width: 992px) {
  .banner .enquiry-box ul li {
    padding: 0px 35px;
  }
}
@media (min-width: 1200px) {
  .banner .enquiry-box ul li {
    padding: 0px 38px;
  }
}
@media (min-width: 1360px) {
  .banner .enquiry-box ul li {
    padding: 0px 47px;
  }
}
@media (min-width: 1440px) {
  .banner .enquiry-box ul li {
    padding: 0px 50px;
  }
}
@media (min-width: 1600px) {
  .banner .enquiry-box ul li {
    padding: 0px 56px;
  }
}
@media (min-width: 1900px) {
  .banner .enquiry-box ul li {
    padding: 0px 68px;
  }
}
@media (min-width: 768px) {
  .banner .enquiry-box ul li::after {
    width: 1px;
    background-color: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 26px;
  }
}
@media (min-width: 1360px) {
  .banner .enquiry-box ul li::after {
    height: 20px;
  }
}
@media (min-width: 1440px) {
  .banner .enquiry-box ul li::after {
    height: 22px;
  }
}
@media (min-width: 1600px) {
  .banner .enquiry-box ul li::after {
    height: 24px;
  }
}
@media (min-width: 1900px) {
  .banner .enquiry-box ul li::after {
    height: 26px;
  }
}
.banner .enquiry-box ul li:last-child::after {
  content: none;
}
.banner .enquiry-box ul li a:hover {
  color: #E2FF06;
}
.banner .enquiry-box a {
  color: #fff;
  line-height: normal;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 767px) {
  .banner .enquiry-box a {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .banner .enquiry-box a {
    font-size: 15px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .banner .enquiry-box a {
    font-size: 16px;
    height: 55px;
  }
}
@media (min-width: 1200px) {
  .banner .enquiry-box a {
    font-size: 18px;
    height: 60px;
  }
}
@media (min-width: 1360px) {
  .banner .enquiry-box a {
    font-size: 19px;
    height: 68px;
  }
}
@media (min-width: 1440px) {
  .banner .enquiry-box a {
    font-size: 20px;
    height: 70px;
  }
}
@media (min-width: 1600px) {
  .banner .enquiry-box a {
    font-size: 22px;
    height: 80px;
  }
}
@media (min-width: 1900px) {
  .banner .enquiry-box a {
    font-size: 26px;
    height: 93.48px;
  }
}
.banner .enquiry-box .buttonWrap {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .banner .enquiry-box .buttonWrap {
    padding: 14px 0px;
    margin-bottom: 5px;
    display: none;
  }
}
@media (min-width: 768px) {
  .banner .enquiry-box .buttonWrap {
    width: 20.489%;
  }
}
.banner .enquiry-box .buttonWrap::before, .banner .enquiry-box .buttonWrap::after {
  height: 100%;
  top: 0;
  z-index: -1;
}
.banner .enquiry-box .buttonWrap::before {
  width: 100%;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50%, #320064 99.89%);
}
.banner .enquiry-box .buttonWrap::after {
  width: 0;
  transition: 0.5s ease all;
}
@media (min-width: 768px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 60px;
  }
}
@media (min-width: 1360px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 75px;
  }
}
@media (min-width: 1440px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 65px;
  }
}
@media (min-width: 1600px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 80px;
  }
}
@media (min-width: 1900px) {
  .banner .enquiry-box .buttonWrap a {
    padding-left: 98px;
  }
}
.banner .enquiry-box .buttonWrap:hover::after {
  background: #8A0CE1;
  width: 100%;
  transition: 0.5s ease all;
}

.announcements {
  position: relative;
}
.announcements::before {
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
}
.announcements .header {
  padding-right: 10px;
}
.announcements .header img {
  height: auto;
  width: 25px;
}
@media (min-width: 768px) {
  .announcements .header img {
    width: 28px;
  }
}
@media (min-width: 992px) {
  .announcements .header img {
    width: 33px;
  }
}
@media (min-width: 1200px) {
  .announcements .header img {
    width: 35px;
  }
}
@media (min-width: 1360px) {
  .announcements .header img {
    width: 38px;
  }
}
@media (min-width: 1440px) {
  .announcements .header img {
    width: 40px;
  }
}
@media (min-width: 1600px) {
  .announcements .header img {
    width: 45px;
  }
}
@media (min-width: 1900px) {
  .announcements .header img {
    width: 56px;
  }
}
.announcements .header svg {
  height: auto;
  margin-top: 5px;
}
@media (max-width: 575px) {
  .announcements .header svg {
    display: none;
  }
}
@media (min-width: 992px) {
  .announcements .header svg {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .announcements .header svg {
    width: 15px;
  }
}
.announcements .header p {
  font-weight: 600;
  color: #320064;
  margin-left: 5.24px;
  margin-right: 10px;
  font-size: 15px;
}
@media (max-width: 575px) {
  .announcements .header p {
    display: none;
  }
}
@media (min-width: 768px) {
  .announcements .header p {
    margin-right: 25.64px;
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .announcements .header p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .announcements .header p {
    font-size: 19px;
  }
}
@media (min-width: 1360px) {
  .announcements .header p {
    font-size: 21px;
  }
}
@media (min-width: 1440px) {
  .announcements .header p {
    font-size: 23px;
  }
}
@media (min-width: 1600px) {
  .announcements .header p {
    font-size: 25px;
  }
}
@media (min-width: 1900px) {
  .announcements .header p {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .announcements .container-ctn > .d-flex {
    padding: 6px 0px;
  }
}
@media (min-width: 1360px) {
  .announcements .container-ctn > .d-flex {
    padding: 8px 0px;
  }
}
@media (min-width: 1440px) {
  .announcements .container-ctn > .d-flex {
    padding: 9px 0px;
  }
}
@media (min-width: 1600px) {
  .announcements .container-ctn > .d-flex {
    padding: 10px 0px;
  }
}
@media (min-width: 1900px) {
  .announcements .container-ctn > .d-flex {
    padding: 13px 0px;
  }
}
.announcements .news-ticker {
  width: 100%;
  overflow: hidden;
  color: #000;
  padding: 10px 0;
  position: relative;
  white-space: nowrap;
}
.announcements .news-content {
  display: flex;
  white-space: nowrap;
  animation: scroll 1s linear infinite;
}
.announcements .news-content li {
  position: relative;
  line-height: 116.667%;
  color: #000;
  font-family: "IBM Plex Serif";
  padding: 0px 20px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .announcements .news-content li {
    padding: 0px 34px;
    font-size: 20px;
    padding: 0px 25px;
  }
}
@media (min-width: 1440px) {
  .announcements .news-content li {
    font-size: 23px;
    padding: 0px 28px;
  }
}
@media (min-width: 1600px) {
  .announcements .news-content li {
    font-size: 25px;
  }
}
@media (min-width: 1900px) {
  .announcements .news-content li {
    font-size: 30px;
  }
}
.announcements .news-content li::after {
  content: "*";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-32%);
  font-size: 20px;
  color: #320064;
}
@media (min-width: 768px) {
  .announcements .news-content li::after {
    transform: translateY(-26%);
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .announcements .news-content li::after {
    transform: translateY(-32%);
    font-size: 30px;
  }
}

@media (min-width: 576px) {
  .mobile-contact-form {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
@media (max-width: 575px) {
  .mobile-contact-form .error-message {
    font-size: 9px;
  }
}
.mobile-contact-form form {
  min-height: 265px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px -10px;
  margin: 30px 0px 0px 0px;
  padding: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0px;
  background-position: 0px -10px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2901960784);
}
.mobile-contact-form .formGroup {
  width: 48%;
}
.mobile-contact-form .formGroup.col12 {
  width: 100%;
}
.mobile-contact-form select {
  padding-right: 17px;
}
.mobile-contact-form button, .mobile-contact-form input, .mobile-contact-form optgroup, .mobile-contact-form select, .mobile-contact-form textarea {
  background-color: unset;
  width: 100%;
  border: unset;
  border-bottom: 1px solid #5E0C9E;
  padding: 4px;
  color: #5E0C9E;
}
.mobile-contact-form button::-moz-placeholder, .mobile-contact-form input::-moz-placeholder, .mobile-contact-form optgroup::-moz-placeholder, .mobile-contact-form select::-moz-placeholder, .mobile-contact-form textarea::-moz-placeholder {
  color: #5E0C9E;
}
.mobile-contact-form button::placeholder, .mobile-contact-form input::placeholder, .mobile-contact-form optgroup::placeholder, .mobile-contact-form select::placeholder, .mobile-contact-form textarea::placeholder {
  color: #5E0C9E;
}
.mobile-contact-form .btn.themeBtn {
  width: 100%;
  height: 42px;
  z-index: 1;
}

.home-about {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 576px) {
  .home-about {
    padding-top: 8.503%;
    padding-bottom: 5.809%;
  }
}
.home-about h2, .home-about h1 {
  color: #320064;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 44px;
  }
}
@media (min-width: 1200px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1360px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 54px;
  }
}
@media (min-width: 1600px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 59.17px;
  }
}
@media (min-width: 1900px) {
  .home-about h2, .home-about h1 {
    margin-bottom: 64.17px;
  }
}
.home-about .description {
  width: 100%;
}
@media (min-width: 768px) {
  .home-about .description {
    width: 55.736%;
  }
}
.home-about .description p {
  font-weight: 300;
  line-height: 161.538%;
}
@media (min-width: 992px) {
  .home-about .description p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .home-about .description p {
    font-size: 19px;
  }
}
@media (min-width: 1360px) {
  .home-about .description p {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .home-about .description p {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .home-about .description p {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .home-about .description p {
    font-size: 26px;
  }
}
.home-about .description .btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .home-about .description .btn {
    margin-top: 55px;
  }
}
@media (min-width: 992px) {
  .home-about .description .btn {
    margin-top: 65px;
  }
}
@media (min-width: 1200px) {
  .home-about .description .btn {
    margin-top: 75px;
  }
}
@media (min-width: 1360px) {
  .home-about .description .btn {
    margin-top: 80px;
  }
}
@media (min-width: 1440px) {
  .home-about .description .btn {
    margin-top: 85px;
  }
}
@media (min-width: 1600px) {
  .home-about .description .btn {
    margin-top: 90px;
  }
}
@media (min-width: 1900px) {
  .home-about .description .btn {
    margin-top: 94px;
  }
}
.home-about picture {
  width: 100%;
}
@media (max-width: 767px) {
  .home-about picture {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .home-about picture {
    width: 33.5706%;
  }
}
.home-about picture img {
  width: 100%;
  height: auto;
}

.mid-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #320064;
}
@media (min-width: 576px) {
  .mid-section {
    padding-top: 6.7026%;
    padding-bottom: 5.805%;
  }
}
.mid-section .container-ctn {
  position: relative;
}
.mid-section picture {
  width: 100%;
  position: absolute;
  left: 0%; /* Start completely outside the left edge */
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
@media (min-width: 576px) {
  .mid-section picture {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .mid-section picture {
    width: 33.381%;
  }
}
.mid-section picture img {
  opacity: 0.1;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .mid-section picture img {
    opacity: 0.2;
  }
}
.mid-section h2 {
  color: #E2FF06;
  white-space: pre-line;
  padding-bottom: 15px;
}
@media (min-width: 576px) {
  .mid-section h2 {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mid-section h2 {
    padding-bottom: 17px;
  }
}
@media (min-width: 1280px) {
  .mid-section h2 {
    padding-bottom: 18px;
  }
}
@media (min-width: 1360px) {
  .mid-section h2 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .mid-section h2 {
    padding-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .mid-section h2 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1900px) {
  .mid-section h2 {
    padding-bottom: 26px;
  }
}
.mid-section h2 + svg {
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .mid-section h2 + svg {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .mid-section h2 + svg {
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .mid-section h2 + svg {
    margin-bottom: 33px;
  }
}
@media (min-width: 1360px) {
  .mid-section h2 + svg {
    margin-bottom: 36px;
  }
}
@media (min-width: 1440px) {
  .mid-section h2 + svg {
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .mid-section h2 + svg {
    margin-bottom: 43.5px;
  }
}
@media (min-width: 1900px) {
  .mid-section h2 + svg {
    margin-bottom: 45.5px;
  }
}
.mid-section h3, .mid-section p {
  color: #fff;
}
.mid-section .content-box {
  width: 100%;
}
@media (min-width: 576px) {
  .mid-section .content-box {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .mid-section .content-box {
    width: 24%;
  }
}
@media (min-width: 1900px) {
  .mid-section .content-box {
    width: 23%;
  }
}
.mid-section .d-flex {
  gap: 20px;
}
@media (min-width: 578px) {
  .mid-section .d-flex {
    gap: 21px;
  }
}
@media (min-width: 768px) {
  .mid-section .d-flex {
    gap: 20px 28px;
  }
}
@media (min-width: 992px) {
  .mid-section .d-flex {
    gap: 25px 1.3%;
  }
}
@media (min-width: 1900px) {
  .mid-section .d-flex {
    gap: 30px 2.65%;
  }
}
.mid-section h3 {
  margin-bottom: 12px;
}
@media (min-width: 576px) {
  .mid-section h3 {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .mid-section h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .mid-section h3 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .mid-section h3 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1600px) {
  .mid-section h3 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) {
  .mid-section h3 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .mid-section h3 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .mid-section h3 {
    font-size: 18px;
  }
}
@media (min-width: 1350px) {
  .mid-section h3 {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .mid-section h3 {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .mid-section h3 {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .mid-section h3 {
    font-size: 25px;
  }
}

.course-head {
  padding-top: 40px;
  padding-bottom: 110px;
  position: relative;
}
@media (min-width: 992px) {
  .course-head {
    padding-bottom: 150px;
  }
}
@media (min-width: 1200px) {
  .course-head {
    padding-top: 95px;
    padding-bottom: 144px;
  }
}
.course-head::before {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #EBE8F0;
  left: 0;
  top: 0;
  z-index: -1;
}
.course-head h2 {
  color: #320064;
}

.teachers-head {
  position: relative;
}
.teachers-head::before {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: white;
  left: 0;
  top: 0;
  z-index: -1;
}
.teachers-head h2 {
  color: #320064;
}

.our-course {
  overflow: hidden;
}
.our-course .course-slider-wrapper {
  margin-top: -108.67px;
  max-width: 97%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .our-course .course-slider-wrapper {
    margin-top: -148.67px;
    max-width: 94%;
  }
}
@media (min-width: 1200px) {
  .our-course .course-slider-wrapper {
    max-width: 92%;
  }
}
@media (min-width: 1921px) {
  .our-course .course-slider-wrapper {
    max-width: 1810px;
  }
}
.our-course img {
  width: 100%;
  height: auto;
}
.our-course .slick-list {
  margin: 0px -4px;
}
@media (min-width: 1200px) {
  .our-course .slick-list {
    margin: 0px -4.5px;
  }
}
@media (min-width: 1360px) {
  .our-course .slick-list {
    margin: 0px -5px;
  }
}
@media (min-width: 1440px) {
  .our-course .slick-list {
    margin: 0px -5.5px;
  }
}
@media (min-width: 1600px) {
  .our-course .slick-list {
    margin: 0px -6px;
  }
}
@media (min-width: 1900px) {
  .our-course .slick-list {
    margin: 0px -6.5px;
  }
}
.our-course .slick-slide {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .our-course .slick-slide {
    margin-bottom: 55px;
    margin-bottom: 102px;
  }
}
@media (min-width: 992px) {
  .our-course .slick-slide {
    margin-bottom: 65px;
  }
}
@media (min-width: 1200px) {
  .our-course .slick-slide {
    margin-bottom: 70px;
    margin-left: 4.5px;
    margin-right: 4.5px;
  }
}
@media (min-width: 1360px) {
  .our-course .slick-slide {
    margin-bottom: 80px;
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 1440px) {
  .our-course .slick-slide {
    margin-bottom: 90px;
    margin-left: 5.5px;
    margin-right: 5.5px;
  }
}
@media (min-width: 1600px) {
  .our-course .slick-slide {
    margin-bottom: 95px;
    margin-left: 6px;
    margin-right: 6px;
  }
}
@media (min-width: 1900px) {
  .our-course .slick-slide {
    margin-bottom: 102px;
    margin-left: 6.5px;
    margin-right: 6.5px;
  }
}
.our-course .course-slider-item {
  margin-left: 4px;
  margin-right: 4px;
  background-color: transparent;
  transition: 0.5s ease all;
  margin-bottom: 50px;
  padding: 8px 8px 25px 8px;
  width: 280px;
  width: 330px;
}
@media (min-width: 768px) {
  .our-course .course-slider-item {
    margin-bottom: 55px;
    margin-bottom: 102px;
    width: 300px;
    padding: 10px 10px 28px 10px;
  }
}
@media (min-width: 992px) {
  .our-course .course-slider-item {
    margin-bottom: 65px;
    width: 360px;
    padding: 12px 12px 30px 12px;
  }
}
@media (min-width: 1200px) {
  .our-course .course-slider-item {
    margin-bottom: 70px;
    width: 360px;
    padding: 14px 14px 32px 14px;
  }
}
@media (min-width: 1360px) {
  .our-course .course-slider-item {
    margin-bottom: 80px;
    width: 380px;
    padding: 16px 16px 34px 16px;
  }
}
@media (min-width: 1440px) {
  .our-course .course-slider-item {
    margin-bottom: 90px;
    width: 400px;
    padding: 18px 18px 38px 18px;
  }
}
@media (min-width: 1600px) {
  .our-course .course-slider-item {
    margin-bottom: 95px;
    width: 450px;
    padding: 20px 20px 40px 20px;
  }
}
@media (min-width: 1900px) {
  .our-course .course-slider-item {
    margin-bottom: 102px;
    width: 480px;
    padding: 21px 21px 41px 21px;
  }
}
.our-course .course-slider-item:hover {
  transition: 0.5s ease all;
  background-color: #fff;
  box-shadow: 0px 20px 30px 0px rgba(138, 12, 225, 0.15);
}
.our-course .course-slider-item picture {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .our-course .course-slider-item picture {
    margin-bottom: 34px;
  }
}
@media (min-width: 1200px) {
  .our-course .course-slider-item picture {
    margin-bottom: 38px;
  }
}
@media (min-width: 1280px) {
  .our-course .course-slider-item picture {
    margin-bottom: 42px;
  }
}
@media (min-width: 1360px) {
  .our-course .course-slider-item picture {
    margin-bottom: 46px;
  }
}
@media (min-width: 1440px) {
  .our-course .course-slider-item picture {
    margin-bottom: 48px;
  }
}
@media (min-width: 1600px) {
  .our-course .course-slider-item picture {
    margin-bottom: 50px;
  }
}
@media (min-width: 1900px) {
  .our-course .course-slider-item picture {
    margin-bottom: 54.54px;
  }
}
.our-course .course-slider-item h3 {
  font-family: Inter;
  color: #5E0C9E;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .our-course .course-slider-item h3 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .our-course .course-slider-item h3 {
    margin-bottom: 29.17px;
    font-size: 20px;
  }
}
@media (min-width: 1360px) {
  .our-course .course-slider-item h3 {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .our-course .course-slider-item h3 {
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .our-course .course-slider-item h3 {
    font-size: 30px;
  }
}
@media (min-width: 1900px) {
  .our-course .course-slider-item h3 {
    font-size: 32px;
  }
}
.our-course .course-slider-item .course-details > div {
  margin-bottom: 10.17px;
}
@media (min-width: 992px) {
  .our-course .course-slider-item .course-details > div {
    margin-bottom: 19.17px;
  }
}
.our-course .course-slider-item a {
  color: #320064;
  position: relative;
}
.our-course .course-slider-item a::before {
  z-index: 1;
  width: 0%;
  height: 1px;
  background-color: #5E0C9E;
  bottom: 0;
  left: 0;
  transition: 0.5s ease all;
}
.our-course .course-slider-item a:hover {
  color: #5E0C9E;
}
.our-course .course-slider-item a:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}
.our-course .progress {
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
  background-color: #f5f5f5;
  background-image: linear-gradient(97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}

.courseSliderInit .slick-slide img {
  display: block;
  width: 100%;
}

.text h2 {
  color: #320064;
  line-height: 100%;
  margin-bottom: 15px;
  font-size: 24px;
}
@media (min-width: 576px) {
  .text h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .text h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .text h2 {
    margin-bottom: 7.4199%;
    font-size: 29px;
  }
}
@media (min-width: 1200px) {
  .text h2 {
    font-size: 34px;
  }
}
@media (min-width: 1360px) {
  .text h2 {
    font-size: 38px;
  }
}
@media (min-width: 1440px) {
  .text h2 {
    font-size: 40px;
  }
}
@media (min-width: 1600px) {
  .text h2 {
    font-size: 42px;
  }
}
@media (min-width: 1900px) {
  .text h2 {
    font-size: 45px;
  }
}
.partnered {
  margin-top: 50px;
}
@media (min-width: 992px) {
  .partnered {
    margin-top: 7.61%;
  }
}
.partnered .container-ctn {
  padding: 20px;
  background: #FFF;
  box-shadow: 0px -20px 45px 0px rgba(50, 0, 100, 0.08);
}
@media (min-width: 992px) {
  .partnered .container-ctn {
    padding: 3.908% 3.539% 2.852% 3.539%;
  }
}
.partnered .container-ctn > .d-flex {
  align-items: center;
  justify-content: space-between;
}
.partnered .parterend-head {
  width: 100%;
}
@media (max-width: 991px) {
  .partnered .parterend-head {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .partnered .parterend-head {
    width: 37.356%;
  }
}
.partnered .logos {
  width: 100%;
  gap: 20px 25px;
}
@media (min-width: 576px) {
  .partnered .logos {
    gap: 14px;
  }
}
@media (min-width: 768px) {
  .partnered .logos {
    gap: 18px;
  }
}
@media (min-width: 992px) {
  .partnered .logos {
    width: 55%;
    gap: 13px;
  }
}
@media (min-width: 1200px) {
  .partnered .logos {
    gap: 14px;
  }
}
@media (min-width: 1280px) {
  .partnered .logos {
    width: 51%;
  }
}
@media (min-width: 1440px) {
  .partnered .logos {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .partnered .logos {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .partnered .logos {
    gap: 20px;
  }
}
.partnered .logos img {
  width: 100%;
  height: auto;
}
.partnered .logos picture {
  width: 45%;
}
@media (min-width: 576px) {
  .partnered .logos picture {
    width: 48.5%;
  }
}
@media (min-width: 1900px) {
  .partnered .logos picture {
    width: 48.6%;
  }
}
@media (max-width: 575px) {
  .partnered .logos .slick-list {
    margin: 0px -15px;
  }
  .partnered .logos .slick-slide {
    margin: 0px 15px;
  }
}

.top-result {
  padding-top: 13.604%;
  margin-top: -9.772%;
  position: relative;
}
.top-result > picture {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: -1;
  width: 42.729%;
}
.top-result > picture img {
  width: 100%;
  height: auto;
}
.top-result::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: -1;
  background: linear-gradient(90deg, #01D4FF 0%, #0109AA 50.5%, #320064 100%);
}
.top-result .head h2 {
  color: #580163;
}
.top-result .head p {
  color: #320064;
  line-height: 250%;
}
.top-result .slick-list {
  margin: 0px -3px;
}
@media (min-width: 576px) {
  .top-result .slick-list {
    margin: 0px -9px;
  }
}
@media (min-width: 768px) {
  .top-result .slick-list {
    margin: 0px -5px;
  }
}
@media (min-width: 992px) {
  .top-result .slick-list {
    margin: 0px -6.5px;
  }
}
@media (min-width: 1200px) {
  .top-result .slick-list {
    margin: 0px -4px;
  }
}
@media (min-width: 1360px) {
  .top-result .slick-list {
    margin: 0px -5px;
  }
}
@media (min-width: 1440px) {
  .top-result .slick-list {
    margin: 0px -9px;
  }
}
@media (min-width: 1600px) {
  .top-result .slick-list {
    margin: 0px -10px;
  }
}
@media (min-width: 1900px) {
  .top-result .slick-list {
    margin: 0px -15px;
  }
}
.top-result .slick-slide {
  margin: 0px 3px;
}
@media (min-width: 576px) {
  .top-result .slick-slide {
    margin: 0px 9px;
  }
}
@media (min-width: 768px) {
  .top-result .slick-slide {
    margin: 0px 5px;
  }
}
@media (min-width: 992px) {
  .top-result .slick-slide {
    margin: 0px 6.5px;
  }
}
@media (min-width: 1200px) {
  .top-result .slick-slide {
    margin: 0px 4px;
  }
}
@media (min-width: 1360px) {
  .top-result .slick-slide {
    margin: 0px 5px;
  }
}
@media (min-width: 1440px) {
  .top-result .slick-slide {
    margin: 0px 9px;
  }
}
@media (min-width: 1600px) {
  .top-result .slick-slide {
    margin: 0px 10px;
  }
}
@media (min-width: 1900px) {
  .top-result .slick-slide {
    margin: 0px 15px;
  }
}
.top-result .topers-slider-item {
  position: relative;
  background-color: #320064;
  box-sizing: border-box;
  padding: 20px 23px;
}
@media (min-width: 576px) {
  .top-result .topers-slider-item {
    padding: 20px 34px;
  }
}
@media (min-width: 768px) {
  .top-result .topers-slider-item {
    padding: 20px 30px;
  }
}
@media (min-width: 1280px) {
  .top-result .topers-slider-item {
    padding: 24px 30px;
  }
}
@media (min-width: 1280px) {
  .top-result .topers-slider-item {
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .top-result .topers-slider-item {
    padding: 35px 42px;
  }
}
@media (min-width: 1600px) {
  .top-result .topers-slider-item {
    padding: 38px 42px;
  }
}
@media (min-width: 1900px) {
  .top-result .topers-slider-item {
    padding: 40px 48px;
  }
}
.top-result .topers-slider-item .head {
  margin: auto;
  width: 70.79%;
}
@media (min-width: 576px) {
  .top-result .topers-slider-item .head {
    width: 83%;
  }
}
.top-result .topers-slider-item .head::before {
  width: 100%;
  height: 75.115%;
  border-radius: 50%;
  left: 0;
  bottom: -1px;
  z-index: -1;
}
@media (min-width: 576px) {
  .top-result .topers-slider-item .head::before {
    bottom: -3px;
  }
}
@media (min-width: 1360px) {
  .top-result .topers-slider-item .head::before {
    bottom: -4px;
  }
}
.top-result .topers-slider-item picture {
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 328.879px;
  width: 90.79%;
}
.top-result .topers-slider-item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.top-result .year {
  animation: downSpin 4s infinite;
  position: absolute;
  top: 13%;
  z-index: 1;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  color: #fff;
  width: 62.326px;
  height: 62.326px;
  font-size: 9px;
  left: 6%;
}
.top-result .year::before {
  width: 77.38%;
  height: 77.38%;
  background-color: #3487DB;
  border-radius: 50%;
  z-index: -1;
}
@media (min-width: 576px) {
  .top-result .year::before {
    width: 72.38%;
    height: 72.38%;
  }
}
@media (min-width: 576px) {
  .top-result .year {
    left: 3%;
    width: 100.326px;
    height: 100.326px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .top-result .year {
    width: 82.326px;
    height: 82.326px;
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .top-result .year {
    width: 80.326px;
    height: 80.326px;
  }
}
@media (min-width: 1200px) {
  .top-result .year {
    width: 90px;
    height: 90px;
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  .top-result .year {
    width: 105.326px;
    height: 105.326px;
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .top-result .year {
    width: 124.326px;
    height: 124.326px;
    font-size: 15px;
  }
}
@media (min-width: 1900px) {
  .top-result .year {
    width: 129.326px;
    height: 129.326px;
    font-size: 16px;
  }
}
.top-result .year strong {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  font-size: 12px;
}
@media (min-width: 576px) {
  .top-result .year strong {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .top-result .year strong {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .top-result .year strong {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .top-result .year strong {
    font-size: 17px;
  }
}
@media (min-width: 1360px) {
  .top-result .year strong {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .top-result .year strong {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .top-result .year strong {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .top-result .year strong {
    font-size: 26px;
  }
}
.top-result .student-details {
  gap: 2px;
  position: relative;
  flex-grow: 1; /* Ensures uniform height for varying content */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .top-result .student-details {
    text-align: center;
  }
}
.top-result .student-details p {
  margin-top: auto; /* Pushes paragraph to the bottom if necessary */
}
.top-result .student-details h3 {
  text-align: center;
  font-family: Inter;
  font-weight: 500;
  line-height: 232.143%;
  color: #fff;
  font-size: 11px;
}
@media (max-width: 575px) {
  .top-result .student-details h3 {
    width: 95%;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .top-result .student-details h3 {
    margin-top: 10px;
    line-height: 20px;
  }
}
@media (min-width: 576px) {
  .top-result .student-details h3 {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .top-result .student-details h3 {
    font-size: 18px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .top-result .student-details h3 {
    margin-top: 8px;
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1360px) {
  .top-result .student-details h3 {
    margin-top: 8px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 1440px) {
  .top-result .student-details h3 {
    margin-top: 10px;
    font-size: 19px;
    line-height: 25px;
  }
}
@media (min-width: 1600px) {
  .top-result .student-details h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1900px) {
  .top-result .student-details h3 {
    font-size: 22px;
    line-height: 35px;
  }
}
.top-result .student-details p, .top-result .student-details strong {
  color: #fff;
}
.top-result .student-details div, .top-result .student-details p {
  line-height: 166.667%;
  font-size: 11px;
}
@media (min-width: 576px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  .top-result .student-details div, .top-result .student-details p {
    font-size: 18px;
  }
}
.top-result .student-details div {
  color: #fff;
}
.top-result .student-details div strong {
  font-weight: 600;
  line-height: 100%;
  font-size: 15px;
}
@media (max-width: 575px) {
  .top-result .student-details div strong {
    display: block;
  }
}
@media (min-width: 768px) {
  .top-result .student-details div strong {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .top-result .student-details div strong {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .top-result .student-details div strong {
    font-size: 19px;
  }
}
@media (min-width: 1360px) {
  .top-result .student-details div strong {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .top-result .student-details div strong {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .top-result .student-details div strong {
    font-size: 23px;
  }
}
@media (min-width: 1900px) {
  .top-result .student-details div strong {
    font-size: 26px;
  }
}
.top-result .student-details p strong {
  color: #E2FF06;
  font-weight: 500;
}
@media (min-width: 992px) {
  .top-result .student-details p strong {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .top-result .student-details p strong {
    font-size: 18px;
  }
}
@media (min-width: 1360px) {
  .top-result .student-details p strong {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .top-result .student-details p strong {
    font-size: 21px;
  }
}
@media (min-width: 1600px) {
  .top-result .student-details p strong {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .top-result .student-details p strong {
    font-size: 24px;
  }
}
.top-result .tag {
  position: absolute;
}
.top-result .results-tag {
  text-transform: uppercase;
  width: 18px;
  position: absolute;
  top: 0;
  right: 5px;
  height: -moz-fit-content;
  height: fit-content;
  background: linear-gradient(45deg, #ffbf00 30%, #dfdfdf 50%, #ffbf00 80%);
  background-size: 200% 200%;
  animation: gradientShift 2s infinite linear;
  font-size: 10px;
  font-weight: 400;
  box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.32);
  clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
  writing-mode: tb-rl;
  transform: scale(-1);
  display: inline-block;
  text-align: center;
  color: #320064;
  align-items: center;
  justify-content: end;
  padding-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 40px;
  font-weight: 600;
}
@media (min-width: 576px) {
  .top-result .results-tag {
    font-size: 13px;
    right: 9px;
    width: 24px;
  }
}
@media (min-width: 992px) {
  .top-result .results-tag {
    font-size: 13px;
    line-height: 26px;
    width: 27px;
    right: 6px;
  }
}
@media (min-width: 1200px) {
  .top-result .results-tag {
    right: 5px;
    line-height: 24px;
  }
}
@media (min-width: 1280px) {
  .top-result .results-tag {
    right: 6px;
    line-height: 26px;
  }
}
@media (min-width: 1360px) {
  .top-result .results-tag {
    font-size: 14px;
    right: 5px;
  }
}
@media (min-width: 1440px) {
  .top-result .results-tag {
    font-size: 15px;
    width: 33px;
    right: 9px;
    line-height: 32px;
  }
}
@media (min-width: 1600px) {
  .top-result .results-tag {
    width: 39px;
    line-height: 35px;
  }
}
@media (min-width: 1900px) {
  .top-result .results-tag {
    width: 37px;
    right: 11px;
    line-height: 32px;
  }
}
.top-result .topers-slider-item {
  margin-top: 5px;
}
.top-result .topers-slider-item:before {
  background: url(../images/icon-border.png) no-repeat center;
  width: 24px;
  height: 29px;
  right: -1px;
  top: -15.9px;
  background-size: contain;
}
@media (min-width: 576px) {
  .top-result .topers-slider-item:before {
    width: 34px;
    height: 27px;
    right: 0px;
    top: -16px;
  }
}
@media (min-width: 992px) {
  .top-result .topers-slider-item:before {
    width: 36px;
    height: 27px;
    right: -3px;
    top: -16px;
  }
}
@media (min-width: 1360px) {
  .top-result .topers-slider-item:before {
    top: -17px;
  }
}
@media (min-width: 1440px) {
  .top-result .topers-slider-item:before {
    right: -1px;
    top: -18px;
    width: 43px;
    height: 29px;
  }
}
@media (min-width: 1600px) {
  .top-result .topers-slider-item:before {
    width: 50px;
    height: 30px;
  }
}
@media (min-width: 1900px) {
  .top-result .topers-slider-item:before {
    width: 49px;
    height: 30px;
  }
}
@media (min-width: 992px) {
  .top-result .topers-slider-item {
    margin-top: 10px;
  }
}
.top-result .no-results::before {
  content: none;
}
.top-result .no-results .results-tag {
  display: none;
}

.placement {
  overflow: hidden;
  padding-top: 9.191%;
  padding-bottom: 10.77%;
}
.placement .container-ctn {
  position: relative;
  z-index: 1;
}
.placement i, .placement span {
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
  z-index: -1;
}
.placement i {
  opacity: 0.2;
  background: #FF82E0;
  filter: blur(175px);
  right: 20%;
  top: 29%;
  width: 200.221px;
  height: 200.221px;
  border-radius: 200.221px;
}
@media (min-width: 576px) {
  .placement i {
    width: 250.221px;
    height: 250.221px;
    border-radius: 250.221px;
  }
}
@media (min-width: 768px) {
  .placement i {
    width: 300.221px;
    height: 300.221px;
    border-radius: 300.221px;
  }
}
@media (min-width: 992px) {
  .placement i {
    width: 350.221px;
    height: 350.221px;
    border-radius: 350.221px;
  }
}
@media (min-width: 1200px) {
  .placement i {
    width: 400.221px;
    height: 400.221px;
    border-radius: 400.221px;
  }
}
@media (min-width: 1360px) {
  .placement i {
    width: 440.221px;
    height: 440.221px;
    border-radius: 440.221px;
  }
}
@media (min-width: 1440px) {
  .placement i {
    width: 470.221px;
    height: 470.221px;
    border-radius: 470.221px;
  }
}
@media (min-width: 1600px) {
  .placement i {
    width: 500.221px;
    height: 500.221px;
    border-radius: 500.221px;
  }
}
@media (min-width: 1900px) {
  .placement i {
    width: 534.221px;
    height: 534.221px;
    border-radius: 534.221px;
  }
}
.placement span {
  opacity: 0.1;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  filter: blur(175px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 300.045px;
  width: 300.045px;
  height: 300.045px;
}
@media (min-width: 576px) {
  .placement span {
    border-radius: 350.045px;
    width: 350.045px;
    height: 350.045px;
  }
}
@media (min-width: 768px) {
  .placement span {
    border-radius: 400.045px;
    width: 400.045px;
    height: 400.045px;
  }
}
@media (min-width: 992px) {
  .placement span {
    border-radius: 500.045px;
    width: 500.045px;
    height: 500.045px;
  }
}
@media (min-width: 1200px) {
  .placement span {
    border-radius: 600.045px;
    width: 600.045px;
    height: 600.045px;
  }
}
@media (min-width: 1360px) {
  .placement span {
    border-radius: 700.045px;
    width: 700.045px;
    height: 700.045px;
  }
}
@media (min-width: 1440px) {
  .placement span {
    border-radius: 800.045px;
    width: 800.045px;
    height: 800.045px;
  }
}
@media (min-width: 1600px) {
  .placement span {
    border-radius: 850.045px;
    width: 850.045px;
    height: 850.045px;
  }
}
@media (min-width: 1900px) {
  .placement span {
    border-radius: 916.045px;
    width: 916.045px;
    height: 916.045px;
  }
}
.placement > picture {
  position: absolute;
  left: 0;
  z-index: -1;
  top: -17%;
  width: 63.486%;
}
@media (min-width: 768px) {
  .placement > picture {
    top: -12%;
    width: 43.486%;
  }
}
@media (min-width: 992px) {
  .placement > picture {
    top: -1%;
    width: 33.486%;
  }
}
@media (min-width: 1200px) {
  .placement > picture {
    top: -10%;
  }
}
@media (min-width: 1360px) {
  .placement > picture {
    top: -9%;
  }
}
@media (min-width: 1440px) {
  .placement > picture {
    top: -7%;
  }
}
@media (min-width: 1600px) {
  .placement > picture {
    top: -5%;
  }
}
@media (min-width: 1900px) {
  .placement > picture {
    top: -1%;
  }
}
.placement > picture img {
  width: 100%;
}
.placement .texts {
  width: 100%;
}
@media (min-width: 992px) {
  .placement .texts {
    width: 29.664%;
  }
}
.placement .texts h2 {
  color: #320064;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .placement .texts h2 {
    margin-bottom: 6.507%;
  }
}
.placement .texts a {
  margin-top: 15px;
  display: block;
}
@media (min-width: 992px) {
  .placement .texts a {
    margin-top: 12.77%;
  }
}

.placement-logos {
  width: 100%;
  gap: 20px 36px;
}
@media (min-width: 576px) and (max-width: 991px) {
  .placement-logos {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .placement-logos {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .placement-logos {
    gap: 20px 45px;
  }
}
@media (min-width: 768px) {
  .placement-logos {
    gap: 23px 61px;
  }
}
@media (min-width: 992px) {
  .placement-logos {
    gap: 20px 40px;
    width: 56.993%;
  }
}
@media (min-width: 1200px) {
  .placement-logos {
    gap: 30px 48px;
  }
}
@media (min-width: 1360px) {
  .placement-logos {
    gap: 40px 53px;
  }
}
@media (min-width: 1440px) {
  .placement-logos {
    gap: 45px 57px;
  }
}
@media (min-width: 1600px) {
  .placement-logos {
    gap: 48px 64px;
  }
}
@media (min-width: 1900px) {
  .placement-logos {
    gap: 52px 76px;
  }
}
.placement-logos picture {
  height: -moz-fit-content;
  height: fit-content;
  width: 44%;
}
@media (max-width: 575px) {
  .placement-logos picture {
    padding: 10px;
  }
}
@media (min-width: 576px) {
  .placement-logos picture {
    width: 27.686%;
  }
}
.placement-logos img {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px;
}

.success-stories {
  padding-top: 35px;
}
@media (min-width: 992px) {
  .success-stories {
    padding-top: 8.557%;
  }
}
.success-stories .btn-normal {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 576px) and (max-width: 991px) {
  .success-stories .right-side {
    gap: 2%;
  }
}
@media (max-width: 991px) {
  .success-stories .right-side {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .success-stories .right-side {
    flex-wrap: wrap;
    margin-top: 15px;
  }
}
.success-stories .google {
  gap: 10px;
}
@media (min-width: 992px) {
  .success-stories .google {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .success-stories .google {
    gap: 14px;
  }
}
@media (min-width: 1360px) {
  .success-stories .google {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .success-stories .google {
    gap: 20px;
  }
}
@media (min-width: 1600px) {
  .success-stories .google {
    gap: 22px;
  }
}
@media (min-width: 1900px) {
  .success-stories .google {
    gap: 24px;
  }
}
.success-stories .google picture {
  width: 24px;
}
@media (min-width: 768px) {
  .success-stories .google picture {
    width: 35px;
  }
}
@media (min-width: 992px) {
  .success-stories .google picture {
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .success-stories .google picture {
    width: 30px;
  }
}
@media (min-width: 1360px) {
  .success-stories .google picture {
    width: 40px;
  }
}
@media (min-width: 1440px) {
  .success-stories .google picture {
    width: 45px;
  }
}
@media (min-width: 1600px) {
  .success-stories .google picture {
    width: 48px;
  }
}
@media (min-width: 1900px) {
  .success-stories .google picture {
    width: 60px;
  }
}
.success-stories .google picture img {
  width: 100%;
  height: auto;
}
.success-stories .google strong {
  color: #0256D4;
  line-height: 25px;
  font-size: 25px;
}
@media (min-width: 768px) {
  .success-stories .google strong {
    line-height: 35px;
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .success-stories .google strong {
    line-height: 24px;
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .success-stories .google strong {
    line-height: 30px;
    font-size: 40px;
  }
}
@media (min-width: 1360px) {
  .success-stories .google strong {
    line-height: 35px;
    font-size: 45px;
  }
}
@media (min-width: 1440px) {
  .success-stories .google strong {
    line-height: 45px;
    font-size: 50px;
  }
}
@media (min-width: 1600px) {
  .success-stories .google strong {
    line-height: 50px;
    font-size: 55px;
  }
}
@media (min-width: 1900px) {
  .success-stories .google strong {
    line-height: 60px;
    font-size: 70px;
  }
}
.success-stories .google-details {
  margin-left: 12px;
  margin-bottom: -5px;
}
.success-stories .google-details p {
  font-weight: 400;
  font-family: "IBM Plex Serif";
  font-size: 14px;
}
@media (min-width: 768px) {
  .success-stories .google-details p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .success-stories .google-details p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .success-stories .google-details p {
    font-size: 19px;
  }
}
@media (min-width: 1360px) {
  .success-stories .google-details p {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .success-stories .google-details p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .success-stories .google-details p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .success-stories .google-details p {
    font-size: 26px;
  }
}
.success-stories .btn-normal {
  margin-left: 15px;
  color: #320064;
}
@media (min-width: 992px) {
  .success-stories .btn-normal {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  .success-stories .btn-normal {
    margin-left: 25px;
  }
}
@media (min-width: 1360px) {
  .success-stories .btn-normal {
    margin-left: 28px;
  }
}
@media (min-width: 1440px) {
  .success-stories .btn-normal {
    margin-left: 32px;
  }
}
@media (min-width: 1600px) {
  .success-stories .btn-normal {
    margin-left: 34px;
  }
}
@media (min-width: 1900px) {
  .success-stories .btn-normal {
    margin-left: 36.6px;
  }
}
.success-stories .btn-normal::after {
  background: #320064;
}
.success-stories .texts {
  width: -moz-fit-content;
  width: fit-content;
}
.success-stories .texts h2 {
  margin-bottom: 15.19px;
}
@media (min-width: 992px) {
  .success-stories .texts p {
    line-height: 250%;
  }
}

@media (max-width: 767px) {
  .testimonialSlider-row {
    flex-wrap: wrap;
  }
}

.testimonialSlider {
  margin-top: 59.2px;
}
.testimonialSlider .description {
  margin-bottom: 12.04px;
}
.testimonialSlider .description p {
  font-weight: 400;
  font-family: "IBM Plex Serif";
  line-height: 136.364%;
  font-size: 15px;
}
@media (min-width: 768px) {
  .testimonialSlider .description p {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .description p {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .description p {
    font-size: 14.5px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .description p {
    font-size: 17px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .description p {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .description p {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .description p {
    font-size: 22px;
  }
}
.testimonialSlider .slick-list {
  margin: 0 -4px;
}
@media (min-width: 992px) {
  .testimonialSlider .slick-list {
    margin: 0 -14px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-list {
    margin: 0 -16px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .slick-list {
    margin: 0 -18px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .slick-list {
    margin: 0 -19px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-list {
    margin: 0 -21px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-list {
    margin: 0 -23.765px;
  }
}
.testimonialSlider .slick-slide {
  margin: 0 4px;
  padding: 20px;
}
@media (min-width: 992px) {
  .testimonialSlider .slick-slide {
    padding: 30px;
    margin: 0 14px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-slide {
    margin: 0 16px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .slick-slide {
    margin: 0 18px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .slick-slide {
    margin: 0 19px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-slide {
    margin: 0 21px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-slide {
    margin: 0 23.765px;
  }
}
.testimonialSlider .testimonialSlider-item {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}
.testimonialSlider .testimonialSlider-item::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background: linear-gradient(97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
  z-index: -1;
}
.testimonialSlider .rating {
  gap: 8px;
  margin-bottom: 3.764%;
  margin-bottom: 3.764%;
}
@media (min-width: 1200px) {
  .testimonialSlider .rating {
    gap: 10px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .rating {
    gap: 12px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .rating {
    gap: 14px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .rating {
    gap: 16px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .rating {
    gap: 16.58px;
  }
}
.testimonialSlider .rating img {
  height: auto;
  width: 20px;
}
@media (min-width: 768px) {
  .testimonialSlider .rating img {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .rating img {
    width: 15px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .rating img {
    width: 20px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .rating img {
    width: 24px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .rating img {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .rating img {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .rating img {
    width: 30px;
  }
}
.testimonialSlider .testimonialSlider-head {
  width: 100%;
}
@media (max-width: 575px) {
  .testimonialSlider .testimonialSlider-head {
    gap: 20px;
    display: flex;
  }
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-head {
    width: 26.8499%;
  }
}
.testimonialSlider .testimonialSlider-head picture {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .testimonialSlider .testimonialSlider-head picture {
    margin-bottom: 62px;
  }
}
@media (max-width: 767px) {
  .testimonialSlider .testimonialSlider-head picture {
    width: 25%;
    margin-top: 20px;
  }
}
.testimonialSlider .testimonialSlider-head picture img {
  width: 100%;
  height: auto;
}
.testimonialSlider .testimonialSlider-head .video-play-btn {
  color: #320064;
  gap: 10px;
  font-size: 15px;
  line-height: 111.111%;
}
.testimonialSlider .testimonialSlider-head .video-play-btn svg {
  width: 25px;
  height: 25px;
}
@media (max-width: 767px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 9px;
    font-size: 16px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 5px;
    font-size: 12px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 7px;
    font-size: 12px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 9px;
    font-size: 14px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 10px;
    font-size: 15px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 10.5px;
    font-size: 17px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 39px;
    height: 39px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .testimonialSlider-head .video-play-btn {
    gap: 11px;
    font-size: 18px;
  }
  .testimonialSlider .testimonialSlider-head .video-play-btn svg {
    width: 40px;
    height: 40px;
  }
}
.testimonialSlider .testimonialSlider-details {
  width: 100%;
}
@media (max-width: 767px) {
  .testimonialSlider .testimonialSlider-details {
    display: flex;
    flex-wrap: wrap;
    order: -1;
  }
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-details {
    padding-left: 5.85%;
    width: 72.9%;
  }
}
.testimonialSlider .testimonialSlider-details .description {
  margin-bottom: 20px;
  height: 124px;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 204px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 108px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 133px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 150px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 158px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 170px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .testimonialSlider-details .description {
    height: 185px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .testimonialSlider-details .description {
    margin-bottom: 10.045%;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .testimonialSlider-details .description {
    margin-bottom: 10.045%;
  }
}
.testimonialSlider .testimonialSlider-details .author p {
  font-weight: 400;
  font-family: "IBM Plex Serif";
  line-height: 250%;
  font-size: 18px;
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 18px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .testimonialSlider-details .author p {
    font-size: 26px;
  }
}
.testimonialSlider .testimonialSlider-details .author div {
  font-weight: 400;
  text-transform: uppercase;
  color: #404040;
  line-height: 125%;
  font-size: 12px;
}
@media (min-width: 768px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 11px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 13px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 15px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .testimonialSlider-details .author div {
    font-size: 16px;
  }
}

.cta {
  background-color: #320064;
  position: relative;
}
@media (max-width: 767px) {
  .cta {
    padding: 50px 0px;
  }
  .cta .d-flex {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1199px) {
  .cta {
    margin-top: 30px;
  }
}
.cta > picture {
  position: absolute;
  opacity: 0.05;
}
@media (max-width: 767px) {
  .cta > picture {
    width: 70.972%;
    right: 24%;
    top: 0;
  }
}
@media (min-width: 768px) {
  .cta > picture {
    width: 34.972%;
    right: 23%;
  }
}
.cta > picture img {
  width: 100%;
  height: auto;
}
.cta h2 {
  color: #E2FF06;
  margin-bottom: 8.75px;
}
@media (min-width: 768px) {
  .cta h2 {
    margin-bottom: 10.75px;
  }
}
@media (min-width: 992px) {
  .cta h2 {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 1200px) {
  .cta h2 {
    margin-bottom: 14.75px;
  }
}
@media (min-width: 1360px) {
  .cta h2 {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 1440px) {
  .cta h2 {
    margin-bottom: 16.75px;
  }
}
@media (min-width: 1600px) {
  .cta h2 {
    margin-bottom: 17.75px;
  }
}
@media (min-width: 1900px) {
  .cta h2 {
    margin-bottom: 18.75px;
  }
}
.cta p {
  color: #fff;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .cta p {
    width: 95%;
    min-height: 50px;
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .cta p {
    width: 95%;
    min-height: 55px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .cta p {
    min-height: 65.771px;
    margin-bottom: 12.48px;
  }
}
@media (min-width: 1360px) {
  .cta p {
    min-height: 72.771px;
    margin-bottom: 13.48px;
  }
}
@media (min-width: 1440px) {
  .cta p {
    min-height: 85.771px;
    margin-bottom: 14.48px;
  }
}
@media (min-width: 1600px) {
  .cta p {
    min-height: 102.771px;
    margin-bottom: 16.48px;
  }
}
@media (min-width: 1900px) {
  .cta p {
    min-height: 102.771px;
    margin-bottom: 18.48px;
  }
}

.cta-content {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cta-content {
    padding: 30px 0px;
  }
}
@media (max-width: 767px) {
  .cta-content {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .cta-content {
    width: 57.728%;
  }
}
@media (min-width: 992px) {
  .cta-content {
    width: 44.728%;
  }
}
@media (min-width: 1200px) {
  .cta-content {
    width: 42.728%;
  }
}
@media (min-width: 1900px) {
  .cta-content {
    width: 39.728%;
  }
}
.cta-content + picture {
  width: 63%;
  margin-top: -108px;
  position: relative;
}
@media (max-width: 767px) {
  .cta-content + picture {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .cta-content + picture {
    left: -35%;
    width: 32.545%;
    margin-top: -108px;
  }
}
@media (min-width: 768px) {
  .cta-content + picture {
    transform: translateX(-19.2%);
  }
}
.cta-content + picture::after {
  height: 100%;
  background-image: url(../images/background/a.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  bottom: 0;
  background-size: contain;
  right: 0;
  width: 95px;
}
@media (min-width: 768px) {
  .cta-content + picture::after {
    width: 170px;
    right: -47px;
  }
}
@media (min-width: 992px) {
  .cta-content + picture::after {
    width: 192px;
  }
}
@media (min-width: 1200px) {
  .cta-content + picture::after {
    width: 212px;
  }
}
@media (min-width: 1360px) {
  .cta-content + picture::after {
    width: 235px;
  }
}
@media (min-width: 1440px) {
  .cta-content + picture::after {
    width: 247px;
  }
}
@media (min-width: 1600px) {
  .cta-content + picture::after {
    width: 270px;
  }
}
@media (min-width: 1900px) {
  .cta-content + picture::after {
    width: 317px;
  }
}
.cta-content + picture img {
  width: 100%;
  height: auto;
}

.awards {
  overflow: hidden;
  padding-top: 6.8%;
  padding-bottom: 6.43%;
}
.awards .container-ctn > picture {
  z-index: -1;
  top: 0;
  position: absolute;
  left: 11.9%;
  width: 42.917%;
}
.awards .container-ctn > picture img {
  width: 100%;
  height: auto;
  opacity: 0.2;
  background-blend-mode: screen;
}
.awards i, .awards span {
  position: absolute;
  z-index: -1;
}
.awards i {
  opacity: 0.25;
  background: #FF82E0;
  filter: blur(175px);
  left: 4%;
  top: -35%;
  width: 200.221px;
  height: 200.221px;
  border-radius: 50%;
}
@media (min-width: 576px) {
  .awards i {
    width: 250.221px;
    height: 250.221px;
  }
}
@media (min-width: 768px) {
  .awards i {
    left: 21%;
    top: -35%;
    width: 300.221px;
    height: 300.221px;
  }
}
@media (min-width: 992px) {
  .awards i {
    width: 350.221px;
    height: 350.221px;
  }
}
@media (min-width: 1200px) {
  .awards i {
    width: 400.221px;
    height: 400.221px;
  }
}
@media (min-width: 1360px) {
  .awards i {
    width: 440.221px;
    height: 440.221px;
  }
}
@media (min-width: 1440px) {
  .awards i {
    width: 470.221px;
    height: 470.221px;
  }
}
@media (min-width: 1600px) {
  .awards i {
    width: 500.221px;
    height: 500.221px;
  }
}
@media (min-width: 1900px) {
  .awards i {
    width: 534.221px;
    height: 534.221px;
  }
}
.awards span {
  opacity: 0.15;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  filter: blur(175px);
  top: 0;
  left: 0%;
  border-radius: 50%;
  width: 300.045px;
  height: 300.045px;
}
@media (min-width: 576px) {
  .awards span {
    width: 350.045px;
    height: 350.045px;
  }
}
@media (min-width: 768px) {
  .awards span {
    width: 400.045px;
    height: 400.045px;
  }
}
@media (min-width: 992px) {
  .awards span {
    width: 500.045px;
    height: 500.045px;
  }
}
@media (min-width: 1200px) {
  .awards span {
    width: 600.045px;
    height: 600.045px;
  }
}
@media (min-width: 1360px) {
  .awards span {
    width: 700.045px;
    height: 700.045px;
  }
}
@media (min-width: 1440px) {
  .awards span {
    width: 800.045px;
    height: 800.045px;
  }
}
@media (min-width: 1600px) {
  .awards span {
    width: 850.045px;
    height: 850.045px;
  }
}
@media (min-width: 1900px) {
  .awards span {
    width: 916.045px;
    height: 916.045px;
  }
}
.awards .texts {
  width: 100%;
}
@media (min-width: 768px) {
  .awards .texts {
    width: 31.46%;
  }
}
.awards .texts h2 {
  color: #320064;
  margin-bottom: 13.82px;
}
.awards .texts .btn-normal {
  color: #320064;
}
.awards .texts .btn-normal {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .awards .texts .btn-normal {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .awards .texts .btn-normal {
    margin-top: 10.525%;
  }
}
.awards .awards-logo {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  gap: 5px;
}
@media (min-width: 768px) {
  .awards .awards-logo {
    gap: 8px;
    width: 62.5%;
  }
}
@media (min-width: 992px) {
  .awards .awards-logo {
    gap: 8px;
  }
}
@media (min-width: 1200px) {
  .awards .awards-logo {
    gap: 10px;
  }
}
@media (min-width: 1360px) {
  .awards .awards-logo {
    gap: 12px;
  }
}
@media (min-width: 1440px) {
  .awards .awards-logo {
    gap: 13px;
  }
}
@media (min-width: 1600px) {
  .awards .awards-logo {
    gap: 15px;
  }
}
@media (min-width: 1900px) {
  .awards .awards-logo {
    gap: 20px;
  }
}
.awards .awards-logo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.awards .awards-logo picture {
  width: 32%;
}

.featured-head {
  position: relative;
  padding-top: 30px;
  padding-bottom: 160px;
}
@media (min-width: 768px) {
  .featured-head {
    padding-top: 4.81%;
    padding-bottom: 13.905%;
  }
}
.featured-head::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: linear-gradient(-97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
  left: 0;
  top: 0;
}
.featured-head h2 {
  color: #320064;
  margin-bottom: 15.19px;
}
.featured-head p {
  line-height: 250%;
}
.featured-head .d-flex > div {
  width: 100%;
}
@media (max-width: 575px) {
  .featured-head .d-flex > div {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) {
  .featured-head .d-flex > div {
    width: 76%;
  }
}
@media (min-width: 1200px) {
  .featured-head .d-flex > div {
    width: 90%;
  }
}

.featured-news {
  margin-top: -120px;
}
@media (min-width: 768px) {
  .featured-news {
    margin-top: -11.239%;
  }
}

.featured .slick-list {
  margin: 0px -5px;
}
@media (min-width: 768px) {
  .featured .slick-list {
    margin: 0px -6px;
  }
}
@media (min-width: 992px) {
  .featured .slick-list {
    margin: 0px -9px;
  }
}
@media (min-width: 1200px) {
  .featured .slick-list {
    margin: 0px -11px;
  }
}
@media (min-width: 1360px) {
  .featured .slick-list {
    margin: 0px -13px;
  }
}
@media (min-width: 1440px) {
  .featured .slick-list {
    margin: 0px -15px;
  }
}
@media (min-width: 1600px) {
  .featured .slick-list {
    margin: 0px -16.5px;
  }
}
@media (min-width: 1900px) {
  .featured .slick-list {
    margin: 0px -18.5px;
  }
}
.featured .slick-slide {
  margin: 0px 5px;
}
@media (min-width: 768px) {
  .featured .slick-slide {
    margin: 0px 6px;
  }
}
@media (min-width: 992px) {
  .featured .slick-slide {
    margin: 0px 9px;
  }
}
@media (min-width: 1200px) {
  .featured .slick-slide {
    margin: 0px 11px;
  }
}
@media (min-width: 1360px) {
  .featured .slick-slide {
    margin: 0px 13px;
  }
}
@media (min-width: 1440px) {
  .featured .slick-slide {
    margin: 0px 15px;
  }
}
@media (min-width: 1600px) {
  .featured .slick-slide {
    margin: 0px 16.5px;
  }
}
@media (min-width: 1900px) {
  .featured .slick-slide {
    margin: 0px 18.5px;
  }
}

.featured-box {
  position: relative;
  transition: 0.5s ease all;
  background-color: #fff;
  padding: 25px;
}
@media (min-width: 768px) {
  .featured-box {
    padding: 0.6611% 0.861% 0.8833% 0.9375%;
  }
}
.featured-box span {
  display: block;
  color: #575757;
  line-height: 200%;
  font-size: 16px;
}
@media (min-width: 992px) {
  .featured-box span {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .featured-box span {
    font-size: 13px;
  }
}
@media (min-width: 1360px) {
  .featured-box span {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .featured-box span {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .featured-box span {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  .featured-box span {
    font-size: 18px;
  }
}
.featured-box picture {
  width: 70%;
}
.featured-box picture img {
  mix-blend-mode: multiply;
  width: 100%;
  height: auto;
}
.featured-box .description {
  margin-bottom: 15.73px;
}
@media (min-width: 992px) {
  .featured-box .description {
    margin-bottom: 17.73px;
  }
}
@media (min-width: 1200px) {
  .featured-box .description {
    margin-bottom: 19.73px;
  }
}
@media (min-width: 1360px) {
  .featured-box .description {
    margin-bottom: 21.73px;
  }
}
@media (min-width: 1440px) {
  .featured-box .description {
    margin-bottom: 23.73px;
  }
}
@media (min-width: 1600px) {
  .featured-box .description {
    margin-bottom: 25.73px;
  }
}
@media (min-width: 1900px) {
  .featured-box .description {
    margin-bottom: 27.73px;
  }
}
.featured-box::after {
  width: 0%;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  transition: 0.5s ease all;
  bottom: 0;
  left: 0;
  height: 3.5px;
}
@media (min-width: 992px) {
  .featured-box::after {
    height: 4px;
  }
}
@media (min-width: 1360px) {
  .featured-box::after {
    height: 5px;
  }
}
@media (min-width: 1600px) {
  .featured-box::after {
    height: 7.156px;
  }
}
.featured-box:hover {
  transition: 0.5s ease all;
  background: linear-gradient(0deg, #EBE8F0 0%, #FFF 100%);
  box-shadow: 0px 20px 30px 0px rgba(94, 12, 158, 0.15);
}
.featured-box:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}
.featured-box a {
  color: #320064;
  font-weight: 500;
}
.featured-box a:hover {
  color: #5E0C9E;
}

.topers-slider {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2.55%;
}
@media (max-width: 450px) {
  .topers-slider {
    gap: 7px;
  }
}
@media (min-width: 992px) {
  .topers-slider {
    gap: 15px 1.55%;
  }
}
@media (min-width: 1900px) {
  .topers-slider {
    gap: 40px 1.55%;
  }
}
.topers-slider .topers-slider-item {
  width: 48.4%;
}
@media (min-width: 768px) {
  .topers-slider .topers-slider-item {
    width: 31.5%;
  }
}
@media (min-width: 992px) {
  .topers-slider .topers-slider-item {
    width: 23.83%;
  }
}

.teachers {
  padding-top: 60px;
}
@media (min-width: 576px) {
  .teachers {
    padding-top: 70px;
  }
}
@media (min-width: 768px) {
  .teachers {
    padding-top: 75px;
  }
}
@media (min-width: 992px) {
  .teachers {
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .teachers {
    padding-top: 90px;
  }
}
@media (min-width: 1350px) {
  .teachers {
    padding-top: 95px;
  }
}
@media (min-width: 1440px) {
  .teachers {
    padding-top: 100px;
  }
}
@media (min-width: 1600px) {
  .teachers {
    padding-top: 110px;
  }
}
@media (min-width: 1900px) {
  .teachers {
    padding-top: 120px;
  }
}
.teachers > svg {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.055;
  height: auto;
  width: clamp(150px, 27.8125vw, 534px);
}
.teachers .left {
  width: 100%;
}
@media (min-width: 768px) {
  .teachers .left {
    width: 58.843%;
  }
}
@media (max-width: 767px) {
  .teachers .right {
    margin-top: 20px;
  }
}
.teachers .slick-nav {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .teachers .slick-nav {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .teachers .slick-nav {
    margin-top: 45px;
  }
}
@media (min-width: 1350px) {
  .teachers .slick-nav {
    margin-top: 50px;
  }
}
@media (min-width: 1440px) {
  .teachers .slick-nav {
    margin-top: 55px;
  }
}
@media (min-width: 1600px) {
  .teachers .slick-nav {
    margin-top: 60px;
  }
}
@media (min-width: 1900px) {
  .teachers .slick-nav {
    margin-top: 66px;
  }
}
.teachers + .our-course .course-head {
  padding-top: 260px;
}
@media (min-width: 768px) {
  .teachers + .our-course .course-head {
    padding-top: 280px;
  }
}
@media (min-width: 992px) {
  .teachers + .our-course .course-head {
    padding-top: 240px;
  }
}
@media (min-width: 1200px) {
  .teachers + .our-course .course-head {
    padding-top: 300px;
  }
}
@media (min-width: 1350px) {
  .teachers + .our-course .course-head {
    padding-top: 295px;
  }
}
@media (min-width: 1440px) {
  .teachers + .our-course .course-head {
    padding-top: 320px;
  }
}
@media (min-width: 1600px) {
  .teachers + .our-course .course-head {
    padding-top: 330px;
  }
}
@media (min-width: 1900px) {
  .teachers + .our-course .course-head {
    padding-top: 400px;
  }
}
.teachers::before {
  left: 28%;
  border-radius: clamp(400px, 47.709vw, 916.045px);
  width: clamp(400px, 47.709vw, 916.045px);
  height: clamp(400px, 47.709vw, 916.045px);
  opacity: 0.1;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  filter: blur(175px);
}
.teachers::after {
  border-radius: clamp(200px, 22.8125vw, 438px);
  width: clamp(200px, 22.8125vw, 438px);
  height: clamp(200px, 22.8125vw, 438px);
  opacity: 0.1;
  left: 50%;
  top: 6%;
  background: #FF82E0;
  filter: blur(175px);
}

.teachers-slider-init {
  margin-bottom: -210px;
}
@media (min-width: 992px) {
  .teachers-slider-init {
    margin-bottom: -167px;
  }
}
@media (min-width: 1200px) {
  .teachers-slider-init {
    margin-bottom: -230px;
  }
}
@media (min-width: 1350px) {
  .teachers-slider-init {
    margin-bottom: -210px;
  }
}
@media (min-width: 1600px) {
  .teachers-slider-init {
    margin-bottom: -212px;
  }
}
@media (min-width: 1900px) {
  .teachers-slider-init {
    margin-bottom: -252px;
  }
}

.teacher-slider {
  position: relative;
  z-index: 2;
}
.teacher-slider .slick-list {
  margin: 0px -2px;
}
@media (min-width: 768px) {
  .teacher-slider .slick-list {
    margin: 0px -7px;
  }
}
@media (min-width: 1280px) {
  .teacher-slider .slick-list {
    margin: 0px -8px;
  }
}
@media (min-width: 1350px) {
  .teacher-slider .slick-list {
    margin: 0px -9px;
  }
}
@media (min-width: 1440px) {
  .teacher-slider .slick-list {
    margin: 0px -10px;
  }
}
@media (min-width: 1600px) {
  .teacher-slider .slick-list {
    margin: 0px -11px;
  }
}
@media (min-width: 1900px) {
  .teacher-slider .slick-list {
    margin: 0px -12px;
  }
}
.teacher-slider .slick-slide {
  margin: 0px 2px;
}
@media (min-width: 768px) {
  .teacher-slider .slick-slide {
    margin: 0px 7px;
  }
}
@media (min-width: 1280px) {
  .teacher-slider .slick-slide {
    margin: 0px 8px;
  }
}
@media (min-width: 1350px) {
  .teacher-slider .slick-slide {
    margin: 0px 9px;
  }
}
@media (min-width: 1440px) {
  .teacher-slider .slick-slide {
    margin: 0px 10px;
  }
}
@media (min-width: 1600px) {
  .teacher-slider .slick-slide {
    margin: 0px 11px;
  }
}
@media (min-width: 1900px) {
  .teacher-slider .slick-slide {
    margin: 0px 12px;
  }
}

.teacher-profile {
  overflow: hidden;
  background: linear-gradient(160deg, #CCF4FE 12.88%, #C8C3F3 37.78%);
  border-radius: 50%;
  border: 4px solid #FFF;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -49px;
}
@media (min-width: 768px) {
  .teacher-profile {
    width: clamp(116px, 12.1355vw, 233px);
    height: clamp(116px, 12.1355vw, 233px);
  }
}
@media (min-width: 1200px) {
  .teacher-profile {
    margin-bottom: -64px;
  }
}
@media (min-width: 1350px) {
  .teacher-profile {
    margin-bottom: -77px;
  }
}
@media (min-width: 1440px) {
  .teacher-profile {
    margin-bottom: -89px;
  }
}
@media (min-width: 1600px) {
  .teacher-profile {
    margin-bottom: -79px;
  }
}
@media (min-width: 1900px) {
  .teacher-profile {
    margin-bottom: -89px;
  }
}
.teacher-profile picture:nth-child(2) {
  display: none;
}
.teacher-profile svg {
  position: absolute;
  bottom: 2px;
  right: 0;
  height: auto;
  width: clamp(50.5px, 5.2605vw, 101px);
}
.teacher-profile svg path {
  fill: white;
}
.teacher-profile img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 130px;
}
@media (min-width: 768px) {
  .teacher-profile img {
    height: 163px;
  }
}
@media (min-width: 992px) {
  .teacher-profile img {
    height: 163px;
  }
}
@media (min-width: 1280px) {
  .teacher-profile img {
    height: 180px;
  }
}
@media (min-width: 1350px) {
  .teacher-profile img {
    height: 190px;
  }
}
@media (min-width: 1440px) {
  .teacher-profile img {
    height: 210px;
  }
}
@media (min-width: 1600px) {
  .teacher-profile img {
    height: 225px;
  }
}
@media (min-width: 1900px) {
  .teacher-profile img {
    height: 261px;
  }
}

.teacher-details {
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #C5D9F9;
  background: #FFF;
  padding-top: 60px;
}
@media (min-width: 768px) {
  .teacher-details {
    padding-top: 70px;
  }
}
@media (min-width: 992px) {
  .teacher-details {
    padding-top: 80px;
  }
}
@media (min-width: 1280px) {
  .teacher-details {
    padding-top: 85px;
  }
}
@media (min-width: 1350px) {
  .teacher-details {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) {
  .teacher-details {
    padding-top: 100px;
  }
}
@media (min-width: 1600px) {
  .teacher-details {
    padding-top: 110px;
  }
}
@media (min-width: 1900px) {
  .teacher-details {
    padding-top: 120px;
  }
}
.teacher-details h3 {
  font-family: Inter;
  font-size: 15px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .teacher-details h3 {
    font-size: clamp(18px, 1.15vw, 22px);
    margin-bottom: clamp(10px, 0.94vw, 18px);
  }
}
.teacher-details span {
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  color: #575757;
  margin-bottom: clamp(11px, 1.0938vw, 21px);
  width: 85%;
}
@media (min-width: 768px) {
  .teacher-details span {
    width: 75%;
  }
}
.teacher-details span, .teacher-details p, .teacher-details li {
  display: block;
  font-size: 11px;
}
@media (min-width: 768px) {
  .teacher-details span, .teacher-details p, .teacher-details li {
    font-size: clamp(12px, 0.84vw, 16px);
  }
}
.teacher-details p, .teacher-details li {
  font-weight: 500;
}
.teacher-details ul {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.teacher-details ul li {
  position: relative;
}
.teacher-details ul li + li {
  padding-left: 8px;
  margin-left: 8px;
}
@media (min-width: 1440px) {
  .teacher-details ul li + li {
    padding-left: 10px;
    margin-left: 10px;
  }
}
.teacher-details ul li + li::before {
  content: "|";
  position: absolute;
  left: 0;
}

.teacher-card a {
  background: #F4F4F4;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-top: clamp(16px, 1.667vw, 32px);
  gap: 10px;
  font-size: clamp(14px, 0.93vw, 18px);
  padding: clamp(9px, 0.938vw, 18px);
}
.teacher-card:hover .teacher-profile {
  transition: 0.5s ease all;
  border: 4px solid #320064;
}
.teacher-card:hover .teacher-profile svg path {
  transition: 0.6s ease all;
  fill: url(#paint0_linear_2904_142);
}
.teacher-card:hover .teacher-profile picture:nth-child(1) {
  display: none;
}
.teacher-card:hover .teacher-profile picture:nth-child(2) {
  display: block;
}
.teacher-card:hover h3 {
  color: #E1EC23;
  transition: 0.5s ease all;
}
.teacher-card:hover p, .teacher-card:hover li, .teacher-card:hover span {
  color: #fff;
  transition: 0.5s ease all;
}
.teacher-card:hover .teacher-details {
  background: #320064;
  transition: 0.5s ease all;
}
.teacher-card:hover a {
  transition: 0.5s ease all;
  overflow: hidden;
  background: #8A62BA;
  color: #fff;
}
.teacher-card:hover a path {
  fill: #fff;
}

.course-intro {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .course-intro {
    padding-bottom: 85px;
  }
}
@media (min-width: 1200px) {
  .course-intro {
    padding-bottom: 90px;
  }
}
@media (min-width: 1360px) {
  .course-intro {
    padding-bottom: 100px;
  }
}
@media (min-width: 1440px) {
  .course-intro {
    padding-bottom: 113px;
  }
}
@media (min-width: 1600px) {
  .course-intro {
    padding-bottom: 123px;
  }
}
@media (min-width: 1900px) {
  .course-intro {
    padding-bottom: 133px;
  }
}
.course-intro picture {
  width: 100%;
}
@media (max-width: 991px) {
  .course-intro picture {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .course-intro picture {
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 100px;
    width: 46.186%;
  }
}
.course-intro picture img {
  width: 100%;
  height: auto;
}
.course-intro .description {
  width: 100%;
}
@media (min-width: 992px) {
  .course-intro .description {
    width: 46.357%;
  }
}
.course-intro h2, .course-intro h3, .course-intro h1 {
  color: #320064;
  font-weight: 400;
}
.course-intro h2, .course-intro h1 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1360px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 26px;
  }
}
@media (min-width: 1440px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1600px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .course-intro h2, .course-intro h1 {
    margin-bottom: 33px;
  }
}
.course-intro h3 {
  margin-bottom: 12px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .course-intro h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .course-intro h3 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .course-intro h3 {
    font-size: 36px;
  }
}
@media (min-width: 1360px) {
  .course-intro h3 {
    font-size: 38px;
  }
}
@media (min-width: 1440px) {
  .course-intro h3 {
    font-size: 40px;
  }
}
@media (min-width: 1600px) {
  .course-intro h3 {
    font-size: 42px;
  }
}
@media (min-width: 1900px) {
  .course-intro h3 {
    font-size: 45px;
  }
}
.course-intro .log-description {
  margin-top: 35px;
}
@media (min-width: 768px) {
  .course-intro .log-description {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .course-intro .log-description {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .course-intro .log-description {
    margin-top: 70px;
  }
}
@media (min-width: 1360px) {
  .course-intro .log-description {
    margin-top: 75px;
  }
}
@media (min-width: 1440px) {
  .course-intro .log-description {
    margin-top: 80px;
  }
}
@media (min-width: 1600px) {
  .course-intro .log-description {
    margin-top: 84px;
  }
}
@media (min-width: 1900px) {
  .course-intro .log-description {
    margin-top: 88px;
  }
}
.course-intro ul {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .course-intro ul {
    margin-top: 27px;
  }
}
@media (min-width: 992px) {
  .course-intro ul {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .course-intro ul {
    margin-top: 33px;
  }
}
@media (min-width: 1360px) {
  .course-intro ul {
    margin-top: 37px;
  }
}
@media (min-width: 1440px) {
  .course-intro ul {
    margin-top: 40px;
  }
}
@media (min-width: 1600px) {
  .course-intro ul {
    margin-top: 43px;
  }
}
@media (min-width: 1900px) {
  .course-intro ul {
    margin-top: 44px;
  }
}

.course-details-inner {
  position: relative;
  padding-top: 5.907%;
}
.course-details-inner::before {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: linear-gradient(90deg, #01D4FF 0%, #0109AA 50.5%, #320064 100%);
  left: 0;
  top: 0;
  z-index: -1;
}
.course-details-inner .heading {
  width: 100%;
}
@media (min-width: 992px) {
  .course-details-inner .heading {
    width: 26.111%;
  }
}
.course-details-inner .heading h2, .course-details-inner .heading h1 {
  color: #320064;
}
.course-details-inner .heading picture {
  opacity: 0.2;
  width: 150px;
}
@media (min-width: 922px) {
  .course-details-inner .heading picture {
    width: 62.201%;
  }
}
.course-details-inner .heading picture img {
  width: 100%;
  height: auto;
}
.course-details-inner .list {
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .course-details-inner .list {
    width: 65.842%;
  }
}
@media (min-width: 1200px) {
  .course-details-inner .list {
    width: 60.842%;
  }
}
.course-details-inner .details-row {
  gap: 7.8%;
  padding-bottom: 6.058%;
}
.course-details-inner .details-row h2, .course-details-inner .details-row h1 {
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .course-details-inner .details-row h2, .course-details-inner .details-row h1 {
    margin-bottom: 9.57%;
  }
}
.course-details-inner .features {
  flex-wrap: wrap;
  z-index: 1;
  gap: 10px 3.6%;
  margin-bottom: -20.6821%;
}
@media (min-width: 768px) {
  .course-details-inner .features {
    margin-bottom: -10.6821%;
    gap: 2.6%;
  }
}
.course-details-inner .features div {
  background: #fff;
  box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 48%;
}
@media (min-width: 576px) {
  .course-details-inner .features div {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .course-details-inner .features div {
    width: 23.05%;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .course-details-inner .features div {
    padding: 28px 27px 34px 34px;
    width: 23.05%;
  }
}
@media (min-width: 1200px) {
  .course-details-inner .features div {
    padding: 42px 41px 48px 48px;
  }
}
@media (min-width: 1360px) {
  .course-details-inner .features div {
    padding: 46px 45px 52px 52px;
  }
}
@media (min-width: 1440px) {
  .course-details-inner .features div {
    padding: 50px 49px 56px 56px;
  }
}
@media (min-width: 1600px) {
  .course-details-inner .features div {
    padding: 53.37px 52.92px 60.3px 60.3px;
  }
}
@media (min-width: 1900px) {
  .course-details-inner .features div {
    padding: 57.37px 56.92px 64.3px 64.3px;
  }
}
.course-details-inner .features picture {
  width: 39.958%;
  margin-bottom: 19.617%;
}
.course-details-inner .features picture img {
  width: 100%;
  height: auto;
}
.course-details-inner .features h3 {
  font-family: Inter;
  font-weight: 600;
  line-height: normal;
  font-size: 16px;
}
@media (min-width: 576px) {
  .course-details-inner .features h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .course-details-inner .features h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .course-details-inner .features h3 {
    font-size: 19px;
  }
}
@media (min-width: 1200px) {
  .course-details-inner .features h3 {
    font-size: 20px;
  }
}
@media (min-width: 1360px) {
  .course-details-inner .features h3 {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .course-details-inner .features h3 {
    font-size: 23px;
  }
}
@media (min-width: 1600px) {
  .course-details-inner .features h3 {
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  .course-details-inner .features h3 {
    font-size: 30px;
  }
}
.course-details-inner + .faq {
  padding-bottom: 0;
}

.faq {
  position: relative;
}
.faq::after {
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
}
.faq .container-ctn {
  position: relative;
  padding: 30px 20px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .faq .container-ctn {
    padding: 35px;
    margin-bottom: 80.74px;
  }
}
@media (min-width: 992px) {
  .faq .container-ctn {
    padding: 40px;
    margin-bottom: 100.74px;
  }
}
@media (min-width: 1200px) {
  .faq .container-ctn {
    padding: 40px 50px 40px 50px;
    margin-bottom: 117.74px;
  }
}
@media (min-width: 1360px) {
  .faq .container-ctn {
    padding: 57.58px 67.09px 91.97px 72.47px;
    margin-bottom: 122.74px;
  }
}
@media (min-width: 1440px) {
  .faq .container-ctn {
    padding: 62.58px 82.09px 100.97px 87.47px;
    margin-bottom: 127.74px;
  }
}
@media (min-width: 1600px) {
  .faq .container-ctn {
    padding: 72.58px 92.09px 116.97px 97.47px;
    margin-bottom: 132.74px;
  }
}
@media (min-width: 1900px) {
  .faq .container-ctn {
    padding: 77.58px 97.09px 121.97px 102.47px;
    margin-bottom: 137.74px;
  }
}
.faq .container-ctn::before {
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
  background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
}
.faq h2, .faq h1 {
  color: #320064;
  text-transform: uppercase;
  margin-bottom: 7.44px;
}
@media (max-width: 768px) {
  .faq h2, .faq h1 {
    margin-bottom: 23.44px;
  }
}
@media (max-width: 992px) {
  .faq h2, .faq h1 {
    margin-bottom: 9.44px;
  }
}
@media (max-width: 1200px) {
  .faq h2, .faq h1 {
    margin-bottom: 13.44px;
  }
}
@media (max-width: 1360px) {
  .faq h2, .faq h1 {
    margin-bottom: 15.44px;
  }
}
@media (max-width: 1440px) {
  .faq h2, .faq h1 {
    margin-bottom: 17.44px;
  }
}
@media (max-width: 1600px) {
  .faq h2, .faq h1 {
    margin-bottom: 19.44px;
  }
}
@media (max-width: 1900px) {
  .faq h2, .faq h1 {
    margin-bottom: 21.44px;
  }
}
.faq picture {
  margin-top: 20.45px;
}
@media (min-width: 768px) {
  .faq picture {
    margin-top: 27.45px;
  }
}
@media (min-width: 992px) {
  .faq picture {
    margin-top: 29.45px;
  }
}
@media (min-width: 1200px) {
  .faq picture {
    margin-top: 31.45px;
  }
}
@media (min-width: 1360px) {
  .faq picture {
    margin-top: 33.45px;
  }
}
@media (min-width: 1440px) {
  .faq picture {
    margin-top: 35.45px;
  }
}
@media (min-width: 1600px) {
  .faq picture {
    margin-top: 37.45px;
  }
}
@media (min-width: 1900px) {
  .faq picture {
    margin-top: 39.45px;
  }
}
.faq picture img {
  width: 100%;
  height: auto;
}
.faq .intro {
  width: 100%;
}
@media (max-width: 991px) {
  .faq .intro {
    margin-bottom: 40px;
  }
  .faq .intro picture {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .faq .intro picture {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .faq .intro {
    width: 31.613%;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 120px;
  }
}
.faq .accordion {
  width: 100%;
  margin-top: -17px;
}
@media (min-width: 992px) {
  .faq .accordion {
    width: 58.088%;
  }
}
.faq .accordion .accordion-item {
  border-radius: 0;
  position: relative;
  border: unset;
  outline: unset;
  background: unset;
  border-bottom: 1px solid rgba(94, 12, 158, 0.5);
}
.faq .accordion .accordion-header {
  display: flex;
  padding-bottom: 12.24px;
  padding-right: 6%;
}
@media (min-width: 576px) {
  .faq .accordion .accordion-header {
    padding-right: 5%;
    padding-bottom: 14.24px;
  }
}
@media (min-width: 768px) {
  .faq .accordion .accordion-header {
    padding-bottom: 16.24px;
  }
}
@media (min-width: 992px) {
  .faq .accordion .accordion-header {
    padding-bottom: 19.24px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion .accordion-header {
    padding-bottom: 21.24px;
  }
}
@media (min-width: 1360px) {
  .faq .accordion .accordion-header {
    padding-bottom: 23.24px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion .accordion-header {
    padding-bottom: 25.24px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion .accordion-header {
    padding-bottom: 27.24px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion .accordion-header {
    padding-bottom: 29.24px;
  }
}
.faq .accordion button {
  position: inherit;
  font-family: "Inter";
  line-height: 150%;
  box-shadow: unset !important;
  padding: 0;
  background-color: unset;
}
.faq .accordion button:focus {
  box-shadow: unset;
}
.faq .accordion button::after {
  color: #320064;
  font-weight: 200;
  position: absolute;
  top: 20%;
  right: 0;
  content: "+";
  background: unset;
  font-size: 25px;
}
@media (min-width: 576px) {
  .faq .accordion button::after {
    font-size: 29px;
  }
}
@media (min-width: 768px) {
  .faq .accordion button::after {
    font-size: 31px;
  }
}
@media (min-width: 992px) {
  .faq .accordion button::after {
    font-size: 33px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion button::after {
    font-size: 35px;
  }
}
@media (min-width: 1360px) {
  .faq .accordion button::after {
    font-size: 37px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion button::after {
    font-size: 39px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion button::after {
    font-size: 41px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion button::after {
    font-size: 45px;
  }
}
.faq .accordion .accordion-body {
  padding: 0;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .faq .accordion .accordion-body {
    padding-bottom: 20px;
  }
}
.faq .accordion .accordion-button:not(.collapsed) {
  color: #320064;
}
.faq .accordion .accordion-button:not(.collapsed)::after {
  content: "-";
}

.top-result + .success-stories {
  padding-top: 5.7502%;
}

.mid-contact-form {
  background-color: #320064;
  padding: 50px 0px;
}
@media (min-width: 768px) {
  .mid-contact-form {
    padding: 8.295% 0%;
  }
}
.mid-contact-form .intro {
  width: 100%;
}
.mid-contact-form .intro h2, .mid-contact-form .intro h1 {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 21px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form .intro h2, .mid-contact-form .intro h1 {
    margin-bottom: 23px;
  }
}
.mid-contact-form .intro p {
  font-family: "IBM Plex Serif";
}
.mid-contact-form .intro h1, .mid-contact-form .intro h2, .mid-contact-form .intro p {
  color: #fff;
}
@media (max-width: 991px) {
  .mid-contact-form .intro {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .mid-contact-form .intro {
    width: 27.485%;
  }
}
.mid-contact-form form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 0px;
}
@media (min-width: 768px) {
  .mid-contact-form form {
    gap: 16px 0px;
  }
}
@media (min-width: 992px) {
  .mid-contact-form form {
    width: 52.05%;
    gap: 18px 0px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form form {
    gap: 22px 0px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form form {
    gap: 26px 0px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form form {
    gap: 28px 0px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form form {
    gap: 30px 0px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form form {
    gap: 33.71px 0px;
  }
}
.mid-contact-form form input, .mid-contact-form form textarea {
  background: unset;
  width: 100%;
  border: unset;
  outline: unset;
}
.mid-contact-form form input {
  padding-bottom: 8px;
  height: 35px;
}
@media (min-width: 992px) {
  .mid-contact-form form input {
    padding-bottom: 11px;
    height: 33px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form form input {
    padding-bottom: 12px;
    height: 35px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form form input {
    padding-bottom: 12px;
    height: 35px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form form input {
    padding-bottom: 14px;
    height: 37px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form form input {
    padding-bottom: 15px;
    height: 39px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form form input {
    padding-bottom: 16px;
    height: 41px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form form input {
    padding-bottom: 17.3px;
    height: 43px;
  }
}
.mid-contact-form form textarea {
  resize: none;
  height: 70px;
}
@media (min-width: 768px) {
  .mid-contact-form form textarea {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .mid-contact-form form textarea {
    height: 65px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form form textarea {
    height: 91px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form form textarea {
    height: 94px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form form textarea {
    height: 97px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form form textarea {
    height: 100px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form form textarea {
    height: 103.3px;
  }
}
.mid-contact-form form .col6 {
  width: 100%;
}
@media (min-width: 576px) {
  .mid-contact-form form .col6 {
    width: 49%;
    display: inline-block;
  }
}
.mid-contact-form form .col12 {
  width: 100%;
}
.mid-contact-form form .input-group {
  border-bottom: 2px solid #5E0C9E;
}
.mid-contact-form form label,
.mid-contact-form form input, .mid-contact-form form textarea {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.mid-contact-form form label::-moz-placeholder, .mid-contact-form form input::-moz-placeholder, .mid-contact-form form textarea::-moz-placeholder {
  color: #fff;
}
.mid-contact-form form label::placeholder,
.mid-contact-form form input::placeholder, .mid-contact-form form textarea::placeholder {
  color: #fff;
}
@media (min-width: 992px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 14.5px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 15.5px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form form label,
  .mid-contact-form form input, .mid-contact-form form textarea {
    font-size: 16px;
  }
}
.mid-contact-form button {
  background: #5E0C9E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 10px 20px 10px 25px;
  gap: 35px;
  transition: 0.5s ease all;
}
.mid-contact-form button svg {
  height: auto;
  width: 12px;
}
@media (min-width: 992px) {
  .mid-contact-form button {
    margin-top: 12px;
    padding: 12px 22px 12px 30px;
    gap: 40px;
  }
  .mid-contact-form button svg {
    width: 14.347px;
  }
}
@media (min-width: 1200px) {
  .mid-contact-form button {
    margin-top: 15px;
    padding: 15px 26px 15px 33px;
    gap: 50px;
  }
}
@media (min-width: 1360px) {
  .mid-contact-form button {
    margin-top: 16px;
    padding: 16px 27px 16px 34px;
    gap: 52px;
  }
  .mid-contact-form button svg {
    width: 16.347px;
  }
}
@media (min-width: 1440px) {
  .mid-contact-form button {
    margin-top: 17px;
    padding: 17px 28px 17px 35px;
    gap: 54px;
  }
}
@media (min-width: 1600px) {
  .mid-contact-form button {
    margin-top: 18px;
    padding: 17px 28px 17px 35px;
    gap: 56px;
  }
  .mid-contact-form button svg {
    width: 18.347px;
  }
}
@media (min-width: 1900px) {
  .mid-contact-form button {
    margin-top: 19px;
    padding: 18.74px 29.74px 18.74px 36.95px;
    gap: 59.09px;
  }
}
.mid-contact-form button svg {
  transition: 0.5s ease all;
  transform: translate(0px);
}
.mid-contact-form button:hover {
  transition: 0.5s ease all;
  background: #fff;
  color: #000;
}
.mid-contact-form button:hover svg {
  transition: 0.5s ease all;
  transform: translate(-10px);
}
.mid-contact-form button:hover path {
  transition: 0.5s ease all;
  fill: #000;
}

.blogListing {
  padding-bottom: 6.519%;
}
.blogListing .featured-head {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .blogListing .featured-head {
    padding-bottom: 3.6599%;
  }
}
.blogListing .featured-head::before {
  content: none;
}
.blogListing .featured-head p {
  font-weight: 400;
}

.blog-item {
  background: linear-gradient(0deg, #EBE8F0 0%, #FFF 100%);
  position: relative;
}
@media (min-width: 992px) {
  .blog-item {
    width: 31.545%;
  }
}
.blog-item > div {
  padding: 25px 25px 30px 25px;
}
@media (min-width: 992px) {
  .blog-item > div {
    padding: 23.53px 25.44px 33.08px 17.26px;
  }
}
@media (min-width: 1200px) {
  .blog-item > div {
    padding: 25.53px 27.44px 35.08px 19.26px;
  }
}
@media (min-width: 1360px) {
  .blog-item > div {
    padding: 27.53px 28.44px 37.08px 21.26px;
  }
}
@media (min-width: 1440px) {
  .blog-item > div {
    padding: 29.53px 30.44px 39.08px 23.26px;
  }
}
@media (min-width: 1600px) {
  .blog-item > div {
    padding: 30.53px 31.44px 40.08px 24.26px;
  }
}
@media (min-width: 1900px) {
  .blog-item > div {
    padding: 45.53px 49.44px 58.08px 40.26px;
  }
}
.blog-item h3 {
  color: #320064;
  font-family: Inter;
  line-height: 118.182%;
  font-size: 17px;
  margin-bottom: 12px;
}
@media (min-width: 576px) {
  .blog-item h3 {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .blog-item h3 {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1360px) {
  .blog-item h3 {
    font-size: 18px;
    margin-bottom: 11px;
  }
}
@media (min-width: 1440px) {
  .blog-item h3 {
    font-size: 19px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  .blog-item h3 {
    font-size: 20px;
    margin-bottom: 13px;
  }
}
@media (min-width: 1900px) {
  .blog-item h3 {
    font-size: 22px;
    margin-bottom: 14.45px;
  }
}
.blog-item .description {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .blog-item .description {
    margin-bottom: 12.73px;
  }
}
@media (min-width: 1200px) {
  .blog-item .description {
    margin-bottom: 15.73px;
  }
}
@media (min-width: 1360px) {
  .blog-item .description {
    margin-bottom: 16.73px;
  }
}
@media (min-width: 1440px) {
  .blog-item .description {
    margin-bottom: 17.73px;
  }
}
@media (min-width: 1600px) {
  .blog-item .description {
    margin-bottom: 18.73px;
  }
}
@media (min-width: 1900px) {
  .blog-item .description {
    margin-bottom: 19.73px;
  }
}
.blog-item .description p {
  font-weight: 400;
  font-family: "IBM Plex Serif";
}
.blog-item a {
  color: #320064;
  font-weight: 500;
}
.blog-item picture {
  height: 200px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .blog-item picture {
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .blog-item picture {
    height: 200px;
  }
}
@media (min-width: 1360px) {
  .blog-item picture {
    height: 213px;
  }
}
@media (min-width: 1440px) {
  .blog-item picture {
    height: 233px;
  }
}
@media (min-width: 1600px) {
  .blog-item picture {
    height: 243px;
  }
}
@media (min-width: 1900px) {
  .blog-item picture {
    height: 263px;
  }
}
.blog-item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-item::after {
  width: 0%;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  transition: 0.5s ease all;
  bottom: 0;
  left: 0;
  height: 3.5px;
}
@media (min-width: 992px) {
  .blog-item::after {
    height: 4px;
  }
}
@media (min-width: 1360px) {
  .blog-item::after {
    height: 5px;
  }
}
@media (min-width: 1600px) {
  .blog-item::after {
    height: 7.156px;
  }
}
.blog-item:hover {
  transition: 0.5s ease all;
}
.blog-item:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}

.bloginfo {
  display: flex;
  gap: 7.2%;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .bloginfo {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1200px) {
  .bloginfo {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 1360px) {
  .bloginfo {
    margin-bottom: 18.25px;
  }
}
@media (min-width: 1600px) {
  .bloginfo {
    margin-bottom: 21.25px;
  }
}
.bloginfo p {
  display: flex;
  align-items: center;
  color: #575757;
  font-weight: 500;
  gap: 5px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .bloginfo p {
    gap: 6px;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .bloginfo p {
    font-size: 14px;
    gap: 7px;
  }
}
@media (min-width: 1360px) {
  .bloginfo p {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .bloginfo p {
    gap: 8px;
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .bloginfo p {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  .bloginfo p {
    font-size: 18px;
  }
}
.bloginfo p svg {
  height: auto;
  width: 16px;
}
@media (min-width: 768px) {
  .bloginfo p svg {
    width: 15px;
  }
}
@media (min-width: 992px) {
  .bloginfo p svg {
    width: 15.5px;
  }
}
@media (min-width: 1200px) {
  .bloginfo p svg {
    width: 16px;
  }
}
@media (min-width: 1360px) {
  .bloginfo p svg {
    width: 16.5px;
  }
}
@media (min-width: 1440px) {
  .bloginfo p svg {
    width: 17px;
  }
}
@media (min-width: 1600px) {
  .bloginfo p svg {
    width: 17.5px;
  }
}
@media (min-width: 1900px) {
  .bloginfo p svg {
    width: 18px;
  }
}

.blog-slider {
  gap: 2.6%;
}
@media (min-width: 992px) {
  .blog-slider {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .blog-slider .slick-slide {
    margin: 0px 20px;
  }
  .blog-slider .slick-list {
    margin: 0px -20px;
  }
}

.success-stories + .awards {
  overflow: visible;
}

.course-slider.d-flex .course-slider-item {
  margin-bottom: 15px;
  width: 95%;
}
@media (min-width: 576px) {
  .course-slider.d-flex .course-slider-item {
    margin-bottom: 30px;
    width: 47%;
  }
}
@media (min-width: 992px) {
  .course-slider.d-flex .course-slider-item {
    margin-bottom: 30px;
    width: 30%;
  }
}

.course-banner-slider-init + .container-ctn {
  z-index: 222222;
}

.filter p {
  font-family: "IBM Plex Serif";
  color: #320064;
  line-height: 100%;
  font-size: 36px;
}
.filter .container-ctn {
  padding-bottom: 33.5px;
  margin-bottom: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .filter .container-ctn {
    margin-bottom: 50.5px;
  }
}
@media (min-width: 1200px) {
  .filter .container-ctn {
    margin-bottom: 70.5px;
  }
}
@media (min-width: 1360px) {
  .filter .container-ctn {
    margin-bottom: 80.5px;
  }
}
@media (min-width: 1440px) {
  .filter .container-ctn {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 1600px) {
  .filter .container-ctn {
    margin-bottom: 92.5px;
  }
}
@media (min-width: 1900px) {
  .filter .container-ctn {
    margin-bottom: 96.5px;
  }
}
.filter .container-ctn::after {
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  opacity: 0.1;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}

.filter-box {
  width: 100%;
  gap: 8px;
}
.filter-box.d-flex {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .filter-box.d-flex {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .filter-box {
    margin-top: 30px;
  }
}
@media (min-width: 576px) {
  .filter-box {
    width: 75%;
    gap: 5px;
  }
}
@media (min-width: 768px) {
  .filter-box {
    width: 64%;
  }
}
@media (min-width: 992px) {
  .filter-box {
    gap: 9px;
    width: 54.408%;
  }
}
@media (min-width: 1200px) {
  .filter-box {
    gap: 10.67px;
  }
}
@media (min-width: 1360px) {
  .filter-box {
    gap: 12.67px;
  }
}
@media (min-width: 1440px) {
  .filter-box {
    gap: 14.67px;
  }
}
@media (min-width: 1600px) {
  .filter-box {
    gap: 16.67px;
  }
}
@media (min-width: 1900px) {
  .filter-box {
    gap: 19.67px;
  }
}
.filter-box select {
  font-family: "IBM Plex Serif";
  line-height: normal;
  border-radius: 0;
  width: 100%;
  background-color: #FFF;
  border: 2px solid rgba(138, 12, 225, 0.2);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><circle opacity="0.2" cx="16.375" cy="16.5781" r="16.127" fill="%238A0CE1"/><path d="M16.4066 20.6379C16.2731 20.6387 16.1407 20.6131 16.0171 20.5626C15.8935 20.5121 15.7811 20.4377 15.6863 20.3437L9.59914 14.2566C9.40811 14.0655 9.30078 13.8064 9.30078 13.5363C9.30078 13.2661 9.40811 13.007 9.59914 12.8159C9.79018 12.6249 10.0493 12.5176 10.3195 12.5176C10.5896 12.5176 10.8487 12.6249 11.0398 12.8159L16.4066 18.1929L21.7734 12.8261C21.9675 12.6599 22.2172 12.573 22.4725 12.5829C22.7278 12.5928 22.97 12.6986 23.1507 12.8793C23.3314 13.06 23.4372 13.3022 23.4471 13.5575C23.457 13.8128 23.3701 14.0625 23.2039 14.2566L17.1168 20.3437C16.9278 20.5311 16.6728 20.6368 16.4066 20.6379Z" fill="%238A0CE1"/></svg>');
  background-position: 98%;
  background-size: 22px;
  padding: 6px 28px 6px 15px;
  font-size: 16px;
}
@media (max-width: 575px) {
  .filter-box select {
    width: 48%;
  }
}
@media (min-width: 576px) {
  .filter-box select {
    width: 31.803%;
    background-position: 92%;
    background-size: 14px;
    padding: 10px 25px 10px 10px;
  }
}
@media (min-width: 768px) {
  .filter-box select {
    background-size: 18px;
    padding: 12px 36px 12px 14px;
  }
}
@media (min-width: 992px) {
  .filter-box select {
    background-size: 20px;
    padding: 14px 40px 14px 16px;
  }
}
@media (min-width: 1200px) {
  .filter-box select {
    background-size: 22px;
    padding: 16px 44px 16px 18px;
    width: 40.803%;
  }
}
@media (min-width: 1360px) {
  .filter-box select {
    background-size: 24px;
    padding: 18px 48px 18px 20px;
  }
}
@media (min-width: 1440px) {
  .filter-box select {
    background-size: 30px;
    padding: 20px 50px 21px 23px;
  }
}
@media (min-width: 1600px) {
  .filter-box select {
    background-size: 30px;
    padding: 22px 50px 22px 25px;
  }
}
@media (min-width: 1900px) {
  .filter-box select {
    background-size: 32px;
    padding: 24px 52px 24px 27px;
  }
}
@media (min-width: 992px) {
  .filter-box select {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .filter-box select {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .filter-box select {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .filter-box select {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .filter-box select {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  .filter-box select {
    font-size: 22px;
  }
}
.filter-box select option {
  font-family: "IBM Plex Serif";
  border-radius: 0;
  font-size: 16px;
}
@media (min-width: 992px) {
  .filter-box select option {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .filter-box select option {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .filter-box select option {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .filter-box select option {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .filter-box select option {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  .filter-box select option {
    font-size: 22px;
  }
}
.filter-box select:hover, .filter-box select:focus {
  border: 2px solid #8A0CE1;
}

.filter-banner {
  display: none;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .filter-banner {
    margin-bottom: 75px;
  }
}
@media (min-width: 1200px) {
  .filter-banner {
    margin-bottom: 85px;
  }
}
@media (min-width: 1360px) {
  .filter-banner {
    margin-bottom: 95px;
  }
}
@media (min-width: 1440px) {
  .filter-banner {
    margin-bottom: 100px;
  }
}
@media (min-width: 1600px) {
  .filter-banner {
    margin-bottom: 120px;
  }
}
@media (min-width: 1900px) {
  .filter-banner {
    margin-bottom: 136px;
  }
}
.filter-banner img {
  height: auto;
}

.schools {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .schools {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .schools {
    padding-bottom: 147px;
  }
}
@media (min-width: 1360px) {
  .schools {
    padding-bottom: 157px;
  }
}
@media (min-width: 1440px) {
  .schools {
    padding-bottom: 167px;
  }
}
@media (min-width: 1600px) {
  .schools {
    padding-bottom: 177px;
  }
}
@media (min-width: 1900px) {
  .schools {
    padding-bottom: 187px;
  }
}
.schools .d-flex {
  gap: 25px 2.65%;
}
@media (min-width: 768px) {
  .schools .d-flex {
    gap: 27px 2.65%;
  }
}
@media (min-width: 992px) {
  .schools .d-flex {
    gap: 30px 2.65%;
  }
}
@media (min-width: 1200px) {
  .schools .d-flex {
    gap: 33px 2.65%;
  }
}
@media (min-width: 1360px) {
  .schools .d-flex {
    gap: 36px 2.65%;
  }
}
@media (min-width: 1440px) {
  .schools .d-flex {
    gap: 39px 2.65%;
  }
}
@media (min-width: 1600px) {
  .schools .d-flex {
    gap: 42px 2.65%;
  }
}
@media (min-width: 1900px) {
  .schools .d-flex {
    gap: 45px 2.65%;
  }
}

.schools-box {
  border: 1px solid rgba(138, 12, 225, 0.2);
  background: linear-gradient(0deg, #EBE8F0 0%, #FFF 100%);
  width: 100%;
  padding: 30px;
  position: relative;
}
@media (min-width: 768px) {
  .schools-box {
    width: 48.545%;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .schools-box {
    width: 31.545%;
    padding: 46.56px 33.73px 29.04px 37.26px;
  }
}
@media (min-width: 1200px) {
  .schools-box {
    padding: 49.56px 37.73px 32.04px 40.26px;
  }
}
@media (min-width: 1360px) {
  .schools-box {
    padding: 52.56px 39.73px 35.04px 43.26px;
  }
}
@media (min-width: 1440px) {
  .schools-box {
    padding: 55.56px 43.73px 48.04px 47.26px;
  }
}
@media (min-width: 1600px) {
  .schools-box {
    padding: 58.56px 46.73px 51.04px 50.26px;
  }
}
@media (min-width: 1900px) {
  .schools-box {
    padding: 63.56px 51.73px 56.04px 55.26px;
  }
}
.schools-box picture {
  width: 81.812%;
  margin-bottom: 15px;
}
.schools-box picture img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
@media (min-width: 992px) {
  .schools-box picture {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .schools-box picture {
    margin-bottom: 23px;
  }
}
@media (min-width: 1360px) {
  .schools-box picture {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .schools-box picture {
    margin-bottom: 27px;
  }
}
@media (min-width: 1600px) {
  .schools-box picture {
    margin-bottom: 29px;
  }
}
@media (min-width: 1900px) {
  .schools-box picture {
    margin-bottom: 32.33px;
  }
}
.schools-box .description {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .schools-box .description {
    overflow-y: auto;
    margin-bottom: 25px;
    height: 70px;
  }
}
@media (min-width: 992px) {
  .schools-box .description {
    margin-bottom: 27px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .schools-box .description {
    margin-bottom: 29px;
    height: 60px;
  }
}
@media (min-width: 1360px) {
  .schools-box .description {
    margin-bottom: 31px;
    height: 70px;
  }
}
@media (min-width: 1440px) {
  .schools-box .description {
    margin-bottom: 33px;
    height: 85px;
  }
}
@media (min-width: 1600px) {
  .schools-box .description {
    margin-bottom: 35px;
  }
}
@media (min-width: 1900px) {
  .schools-box .description {
    margin-bottom: 37.73px;
    height: 90px;
  }
}
.schools-box .description p {
  font-family: "IBM Plex Serif";
  font-weight: 400;
  line-height: 136.364%;
  font-size: 15px;
}
@media (min-width: 768px) {
  .schools-box .description p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .schools-box .description p {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .schools-box .description p {
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .schools-box .description p {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .schools-box .description p {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .schools-box .description p {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  .schools-box .description p {
    font-size: 22px;
  }
}
.schools-box a {
  font-weight: 500;
  color: #320064;
}
.schools-box::after {
  width: 0%;
  background: var(--Linear, linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%));
  transition: 0.5s ease all;
  bottom: 0;
  left: 0;
  height: 3.5px;
}
@media (min-width: 992px) {
  .schools-box::after {
    height: 4px;
  }
}
@media (min-width: 1360px) {
  .schools-box::after {
    height: 5px;
  }
}
@media (min-width: 1600px) {
  .schools-box::after {
    height: 7.156px;
  }
}
.schools-box:hover {
  transition: 0.5s ease all;
}
.schools-box:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}

.gallery {
  position: relative;
  padding-top: 6.587%;
  padding-bottom: 5.228%;
}
.gallery .container-ctn {
  z-index: 1;
  position: relative;
}
.gallery picture {
  overflow: hidden;
}
.gallery picture img {
  transition: 0.5s ease all;
  transform: scale(1);
}
.gallery picture img:hover {
  transform: scale(1.2);
  transition: 0.5s ease all;
}
.gallery::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(90deg, #01D4FF 0%, #0109AA 50.5%, #320064 100%);
}
.gallery h2 {
  color: #580163;
}
.gallery p {
  color: #320064;
}
.gallery + .top-result {
  margin-top: 0;
  padding-top: 94.61px;
}
.gallery + .top-result::before {
  background: linear-gradient(180deg, rgba(1, 212, 255, 0) 0%, rgba(1, 9, 170, 0.8) 53.22%, #320064 105.38%);
}

.gallery-Slider .slick-list {
  margin: 0px -5px;
}
@media (min-width: 992px) {
  .gallery-Slider .slick-list {
    margin: 0px -7px;
  }
}
@media (min-width: 1200px) {
  .gallery-Slider .slick-list {
    margin: 0px -9px;
  }
}
@media (min-width: 1360px) {
  .gallery-Slider .slick-list {
    margin: 0px -11px;
  }
}
@media (min-width: 1440px) {
  .gallery-Slider .slick-list {
    margin: 0px -13px;
  }
}
@media (min-width: 1600px) {
  .gallery-Slider .slick-list {
    margin: 0px -15px;
  }
}
@media (min-width: 1900px) {
  .gallery-Slider .slick-list {
    margin: 0px -17px;
  }
}
.gallery-Slider .slick-slide {
  margin: 0px 5px;
}
@media (min-width: 992px) {
  .gallery-Slider .slick-slide {
    margin: 0px 7px;
  }
}
@media (min-width: 1200px) {
  .gallery-Slider .slick-slide {
    margin: 0px 9px;
  }
}
@media (min-width: 1360px) {
  .gallery-Slider .slick-slide {
    margin: 0px 11px;
  }
}
@media (min-width: 1440px) {
  .gallery-Slider .slick-slide {
    margin: 0px 13px;
  }
}
@media (min-width: 1600px) {
  .gallery-Slider .slick-slide {
    margin: 0px 15px;
  }
}
@media (min-width: 1900px) {
  .gallery-Slider .slick-slide {
    margin: 0px 17px;
  }
}
.gallery-Slider .slick-slide div {
  margin-bottom: 1px;
}
@media (min-width: 992px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 9px;
  }
}
@media (min-width: 1360px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 13px;
  }
}
@media (min-width: 1440px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 17px;
  }
}
@media (min-width: 1600px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 21px;
  }
}
@media (min-width: 1900px) {
  .gallery-Slider .slick-slide div {
    margin-bottom: 25px;
  }
}
.gallery-Slider .slick-slide div:last-child {
  margin-bottom: 0;
}
.gallery-Slider picture img {
  width: 100%;
  height: auto;
}

.school_courses + .top-result {
  margin-top: 80px;
}

.award-list {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .award-list {
    padding-bottom: 6.944%;
  }
}
.award-list .d-flex {
  gap: 25px 0%;
}
@media (min-width: 576px) {
  .award-list .d-flex {
    gap: 7.82px 2.4%;
  }
}
@media (min-width: 992px) {
  .award-list .d-flex {
    gap: 24.82px 2.4%;
  }
}
@media (min-width: 1200px) {
  .award-list .d-flex {
    gap: 26.82px 2.4%;
  }
}
@media (min-width: 1360px) {
  .award-list .d-flex {
    gap: 28.82px 2.4%;
  }
}
@media (min-width: 1440px) {
  .award-list .d-flex {
    gap: 30.82px 2.4%;
  }
}
@media (min-width: 1600px) {
  .award-list .d-flex {
    gap: 34.82px 2.6%;
  }
}

.award-box {
  border: 1px solid rgba(138, 12, 225, 0.2);
  background: linear-gradient(0deg, #EBE8F0 0%, #FFF 100%);
  width: 100%;
  padding: 15px;
}
.award-box h2, .award-box h3 {
  color: #320064;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 7.47%;
  font-size: 20px;
}
@media (min-width: 768px) {
  .award-box h2, .award-box h3 {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .award-box h2, .award-box h3 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .award-box h2, .award-box h3 {
    font-size: 17px;
  }
}
@media (min-width: 1360px) {
  .award-box h2, .award-box h3 {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .award-box h2, .award-box h3 {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .award-box h2, .award-box h3 {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .award-box h2, .award-box h3 {
    font-size: 24px;
  }
}
.award-box picture {
  margin-bottom: 10.98%;
}
.award-box picture img {
  width: 100%;
  height: auto;
}
.award-box a {
  color: #575757;
  font-weight: 500;
  line-height: 180%;
}
.award-box a:hover {
  color: #5E0C9E;
}
@media (min-width: 576px) {
  .award-box {
    width: 48.5%;
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .award-box {
    width: 48.2%;
    padding: 25px;
  }
}
@media (min-width: 992px) {
  .award-box {
    width: 23.05%;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .award-box {
    padding: 29px 24px 40px 24px;
  }
}
@media (min-width: 1360px) {
  .award-box {
    padding: 31.25px 26.51px 42.12px 26.52px;
  }
}
@media (min-width: 1440px) {
  .award-box {
    padding: 33.25px 28.51px 44.12px 28.52px;
  }
}
@media (min-width: 1600px) {
  .award-box {
    padding: 35.25px 30.51px 46.12px 30.52px;
  }
}
@media (min-width: 1900px) {
  .award-box {
    padding: 37.25px 32.51px 48.12px 32.52px;
  }
}

.join {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .join {
    padding-top: 7.528%;
    padding-bottom: 6.535%;
  }
}
.join .container-ctn {
  background: #FFF;
  box-shadow: 0px 0px 100px 50px rgba(50, 0, 100, 0.1);
  padding: 25px;
}
@media (min-width: 768px) {
  .join .container-ctn {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .join .container-ctn {
    padding: 50px;
  }
}
@media (min-width: 1200px) {
  .join .container-ctn {
    padding: 50px 90px 50px 40px;
  }
}
@media (min-width: 1360px) {
  .join .container-ctn {
    padding: 70px 90px 70px 55px;
  }
}
@media (min-width: 1440px) {
  .join .container-ctn {
    padding: 80px 100px 80px 60px;
  }
}
@media (min-width: 1600px) {
  .join .container-ctn {
    padding: 96px 125px 96px 75px;
  }
}
@media (min-width: 1900px) {
  .join .container-ctn {
    padding: 106px 145px 106px 95px;
  }
}
.join .btn {
  padding: 12px 50px;
}
@media (min-width: 992px) {
  .join .btn {
    padding: 13px 45px;
  }
}
@media (min-width: 1200px) {
  .join .btn {
    padding: 14px 48px;
  }
}
@media (min-width: 1360px) {
  .join .btn {
    padding: 15px 57px;
  }
}
@media (min-width: 1440px) {
  .join .btn {
    padding: 16px 59px;
  }
}
@media (min-width: 1600px) {
  .join .btn {
    padding: 17px 61px;
  }
}
@media (min-width: 1900px) {
  .join .btn {
    padding: 18.74px 63.1px;
  }
}
.join picture {
  width: 50%;
}
@media (max-width: 767px) {
  .join picture {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .join picture {
    width: 11.39%;
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .join picture {
    margin-right: 37px;
  }
}
@media (min-width: 1200px) {
  .join picture {
    margin-right: 30px;
  }
}
@media (min-width: 1360px) {
  .join picture {
    margin-right: 30px;
  }
}
@media (min-width: 1440px) {
  .join picture {
    margin-right: 40px;
  }
}
@media (min-width: 1600px) {
  .join picture {
    margin-right: 45px;
  }
}
@media (min-width: 1900px) {
  .join picture {
    margin-right: 53px;
  }
}
.join picture img {
  width: 100%;
  height: auto;
}
.join .d-flex div {
  width: 100%;
}
@media (max-width: 767px) {
  .join .d-flex div {
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .join .d-flex div {
    margin-right: 20px;
    width: 55%;
  }
}
@media (min-width: 992px) {
  .join .d-flex div {
    width: 59.006%;
    margin-right: 33px;
  }
}
@media (min-width: 1200px) {
  .join .d-flex div {
    margin-right: 55px;
  }
}
@media (min-width: 1360px) {
  .join .d-flex div {
    margin-right: 68px;
  }
}
@media (min-width: 1440px) {
  .join .d-flex div {
    margin-right: 60px;
  }
}
@media (min-width: 1600px) {
  .join .d-flex div {
    margin-right: 70px;
  }
}
@media (min-width: 1900px) {
  .join .d-flex div {
    margin-right: 110px;
  }
}
.join h2 {
  color: #320064;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .join h2 {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) {
  .join h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1360px) {
  .join h2 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1440px) {
  .join h2 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1600px) {
  .join h2 {
    margin-bottom: 21px;
  }
}
@media (min-width: 1900px) {
  .join h2 {
    margin-bottom: 23.74px;
  }
}
.placement-page {
  position: relative;
}
.placement-page::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
  z-index: -1;
}
.placement-page h2 {
  color: #320064;
  margin-bottom: 1.598%;
}
.placement-row {
  margin-top: 20px;
  padding-bottom: 40px;
  gap: 17.25px 5.1%;
}
@media (min-width: 400px) {
  .placement-row {
    gap: 25px 5.1%;
  }
}
@media (min-width: 576px) {
  .placement-row {
    gap: 12.25px 2.1%;
  }
}
@media (min-width: 768px) {
  .placement-row {
    margin-top: 3.436%;
    padding-bottom: 6.9339%;
    gap: 16.25px 2.1%;
  }
}
@media (min-width: 992px) {
  .placement-row {
    gap: 18.25px 2.1%;
  }
}
@media (min-width: 1200px) {
  .placement-row {
    gap: 20.25px 2.1%;
  }
}
@media (min-width: 1360px) {
  .placement-row {
    gap: 22.25px 2.1%;
  }
}
@media (min-width: 1440px) {
  .placement-row {
    gap: 26.25px 2.1%;
  }
}
@media (min-width: 1600px) {
  .placement-row {
    gap: 32.25px 2.1%;
  }
}
@media (min-width: 1900px) {
  .placement-row {
    gap: 34.25px 2.1%;
  }
}
.placement-row picture {
  width: 47.303%;
}
@media (min-width: 576px) {
  .placement-row picture {
    width: 18.303%;
  }
}
.placement-row picture img {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px;
}

.blog-page-listing {
  padding-bottom: 7.737%;
}
.blog-page-listing .blog-slider {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 2.6%;
}
@media (min-width: 576px) {
  .blog-page-listing .blog-slider {
    gap: 27px 2.6%;
  }
}
@media (min-width: 768px) {
  .blog-page-listing .blog-slider {
    gap: 29px 2.6%;
  }
}
@media (min-width: 992px) {
  .blog-page-listing .blog-slider {
    gap: 31px 2.6%;
  }
}
@media (min-width: 1200px) {
  .blog-page-listing .blog-slider {
    gap: 33px 2.6%;
  }
}
@media (min-width: 1360px) {
  .blog-page-listing .blog-slider {
    gap: 35px 2.6%;
  }
}
@media (min-width: 1440px) {
  .blog-page-listing .blog-slider {
    gap: 37px 2.6%;
  }
}
@media (min-width: 1600px) {
  .blog-page-listing .blog-slider {
    gap: 39px 2.6%;
  }
}
@media (min-width: 1900px) {
  .blog-page-listing .blog-slider {
    gap: 41.08px 2.6%;
  }
}
@media (max-width: 575px) {
  .blog-page-listing .blog-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .blog-page-listing .blog-item {
    width: 48.545%;
  }
}

.newsDetail {
  padding-bottom: 80px;
}
@media (min-width: 576px) {
  .newsDetail {
    padding-bottom: 126px;
  }
}
@media (min-width: 768px) {
  .newsDetail {
    padding-bottom: 130px;
  }
}
@media (min-width: 992px) {
  .newsDetail {
    padding-bottom: 134px;
  }
}
@media (min-width: 1200px) {
  .newsDetail {
    padding-bottom: 138px;
  }
}
@media (min-width: 1360px) {
  .newsDetail {
    padding-bottom: 142px;
  }
}
@media (min-width: 1440px) {
  .newsDetail {
    padding-bottom: 146px;
  }
}
@media (min-width: 1600px) {
  .newsDetail {
    padding-bottom: 150px;
  }
}
@media (min-width: 1900px) {
  .newsDetail {
    padding-bottom: 154px;
  }
}
.newsDetail h1, .newsDetail h2, .newsDetail h3 {
  font-weight: 500;
  color: #320064;
}
.newsDetail h1, .newsDetail h2 {
  line-height: 112.5%;
  font-size: 22px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 23px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1360px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 30px;
    margin-bottom: 26px;
  }
}
@media (min-width: 1440px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 31px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1600px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .newsDetail h1, .newsDetail h2 {
    font-size: 40px;
    margin-bottom: 31.69px;
  }
}
.newsDetail .blogHead {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .newsDetail .blogHead {
    width: 56.5939%;
  }
}
.newsDetail .blogHead .bloginfo {
  margin-bottom: 0;
  gap: 10px;
}
@media (min-width: 768px) {
  .newsDetail .blogHead .bloginfo {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .newsDetail .blogHead .bloginfo {
    gap: 18px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .blogHead .bloginfo {
    gap: 20px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .blogHead .bloginfo {
    gap: 22px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .blogHead .bloginfo {
    gap: 24px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .blogHead .bloginfo {
    gap: 26px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .blogHead .bloginfo {
    gap: 27.78px;
  }
}
@media (min-width: 576px) {
  .newsDetail .blogHead {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .newsDetail .blogHead {
    margin-bottom: 34px;
  }
}
@media (min-width: 992px) {
  .newsDetail .blogHead {
    margin-bottom: 36px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .blogHead {
    margin-bottom: 38px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .blogHead {
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .blogHead {
    margin-bottom: 42px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .blogHead {
    margin-bottom: 44px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .blogHead {
    margin-bottom: 46px;
  }
}
.newsDetail article {
  width: 100%;
}
.newsDetail article picture:first-child {
  margin-bottom: 20.19px;
}
@media (min-width: 576px) {
  .newsDetail article picture:first-child {
    margin-bottom: 26.19px;
  }
}
@media (min-width: 768px) {
  .newsDetail article picture:first-child {
    margin-bottom: 28.19px;
  }
}
@media (min-width: 922px) {
  .newsDetail article picture:first-child {
    margin-bottom: 32.19px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article picture:first-child {
    margin-bottom: 34.19px;
  }
}
@media (min-width: 1360px) {
  .newsDetail article picture:first-child {
    margin-bottom: 36.19px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article picture:first-child {
    margin-bottom: 38.19px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article picture:first-child {
    margin-bottom: 40.19px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article picture:first-child {
    margin-bottom: 42.19px;
  }
}
@media (min-width: 992px) {
  .newsDetail article {
    width: 65.402%;
  }
}
.newsDetail article img {
  width: 100%;
  height: auto;
}
.newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
  margin-top: 28px;
}
@media (min-width: 576px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 31px;
  }
}
@media (min-width: 768px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 34px;
  }
}
@media (min-width: 992px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 37px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 40px;
  }
}
@media (min-width: 1360px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 43px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 46px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 49px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article p + picture, .newsDetail article h2, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-top: 51px;
  }
}
.newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 31px;
  }
}
@media (min-width: 992px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 38px;
  }
}
@media (min-width: 1360px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 41px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 48px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article p + picture, .newsDetail article h2 + picture, .newsDetail article h3 + picture, .newsDetail article ul + picture {
    margin-bottom: 51px;
  }
}
.newsDetail .heading h2 {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .newsDetail .heading h2 {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .newsDetail .heading h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .heading h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .heading h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .heading h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .heading h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .heading h2 {
    margin-bottom: 20px;
  }
}
.newsDetail .heading h2 + span {
  margin-bottom: 15px;
  display: block;
}
@media (min-width: 768px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 22px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 28px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .heading h2 + span {
    margin-bottom: 30px;
  }
}
.newsDetail .share {
  position: relative;
  align-items: center;
  margin-top: 25px;
}
@media (min-width: 576px) {
  .newsDetail .share {
    margin-top: 38px;
  }
}
@media (min-width: 768px) {
  .newsDetail .share {
    margin-top: 41px;
  }
}
@media (min-width: 992px) {
  .newsDetail .share {
    margin-top: 44px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share {
    margin-top: 47px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .share {
    margin-top: 50px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share {
    margin-top: 53px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share {
    margin-top: 56px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share {
    margin-top: 59px;
  }
}
.newsDetail .share .w-100 {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .newsDetail .share .w-100 {
    padding-top: 40px;
  }
}
.newsDetail .share::before {
  top: 0;
  width: 100%;
  height: 3px;
  opacity: 0.3;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
.newsDetail .share > ul {
  margin-top: 5px;
  gap: 5.081px;
}
@media (max-width: 575px) {
  .newsDetail .share > ul {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .newsDetail .share > ul {
    margin-top: 8px;
    gap: 8.081px;
  }
}
@media (min-width: 768px) {
  .newsDetail .share > ul {
    margin-top: 9px;
    gap: 9.081px;
  }
}
@media (min-width: 992px) {
  .newsDetail .share > ul {
    margin-top: 10px;
    gap: 10.081px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share > ul {
    margin-top: 11px;
    gap: 11.081px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .share > ul {
    margin-top: 12px;
    gap: 12.081px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share > ul {
    margin-top: 13px;
    gap: 13.081px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share > ul {
    margin-top: 14px;
    gap: 14.081px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share > ul {
    margin-top: 15px;
    gap: 15.081px;
  }
}
.newsDetail .share > ul li {
  margin: 0;
  padding-left: 0;
}
.newsDetail .share > ul li::before {
  content: none;
}
.newsDetail .share > ul a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.newsDetail .share > ul a::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
  background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
}
@media (min-width: 578px) {
  .newsDetail .share > ul a {
    width: 55.347px;
    height: 55.347px;
  }
}
@media (min-width: 768px) {
  .newsDetail .share > ul a {
    width: 57.347px;
    height: 57.347px;
  }
}
@media (min-width: 992px) {
  .newsDetail .share > ul a {
    width: 59.347px;
    height: 59.347px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share > ul a {
    width: 61.347px;
    height: 61.347px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .share > ul a {
    width: 63.347px;
    height: 63.347px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share > ul a {
    width: 65.347px;
    height: 65.347px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share > ul a {
    width: 66.347px;
    height: 66.347px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share > ul a {
    width: 67.347px;
    height: 67.347px;
  }
}
.newsDetail .share > ul a svg {
  height: auto;
  width: 20px;
}
@media (min-width: 576px) {
  .newsDetail .share > ul a svg {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .newsDetail .share > ul a svg {
    width: 27px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share > ul a svg {
    width: 29px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share > ul a svg {
    width: 31px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share > ul a svg {
    width: 35px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share > ul a svg {
    width: 37px;
  }
}
.newsDetail .share > ul a:hover {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
.newsDetail .share > ul a:hover path {
  fill: #fff;
}
.newsDetail .blog-navigation {
  gap: 10px;
}
@media (max-width: 575px) {
  .newsDetail .blog-navigation {
    margin-top: 30px;
  }
}
@media (min-width: 578px) {
  .newsDetail .blog-navigation {
    gap: 5px;
  }
}
@media (min-width: 768px) {
  .newsDetail .blog-navigation {
    gap: 7px;
  }
}
@media (min-width: 992px) {
  .newsDetail .blog-navigation {
    gap: 9px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .blog-navigation {
    gap: 11px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .blog-navigation {
    gap: 13px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .blog-navigation {
    gap: 14px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .blog-navigation {
    gap: 14px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .blog-navigation {
    gap: 15px;
  }
}
.newsDetail .blog-navigation a {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (min-width: 768px) {
  .newsDetail .blog-navigation a {
    gap: 19px;
  }
}
@media (min-width: 992px) {
  .newsDetail .blog-navigation a {
    gap: 21px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .blog-navigation a {
    gap: 23px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .blog-navigation a {
    gap: 25px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .blog-navigation a {
    gap: 27px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .blog-navigation a {
    gap: 29px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .blog-navigation a {
    gap: 31px;
  }
}
.newsDetail .blog-navigation a span {
  font-weight: 500;
  font-size: 15px;
}
@media (min-width: 578px) {
  .newsDetail .blog-navigation a span {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .newsDetail .blog-navigation a span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .newsDetail .blog-navigation a span {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .blog-navigation a span {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .newsDetail .blog-navigation a span {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .blog-navigation a span {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .blog-navigation a span {
    font-size: 21px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .blog-navigation a span {
    font-size: 22px;
  }
}
.newsDetail .blog-navigation a:hover path {
  fill: #E2FF06;
  transition: 0.5s ease all;
}
.newsDetail .blog-navigation a:hover span {
  transition: 0.5s ease all;
  color: #320064;
}
.newsDetail aside {
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 100px;
  width: 100%;
  padding: 21.11px 0px 30.3px;
}
@media (max-width: 991px) {
  .newsDetail aside {
    margin-top: 40px;
  }
}
@media (min-width: 578px) {
  .newsDetail aside {
    padding: 31.11px 0px 44.3px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside {
    width: 31.858%;
    padding: 21.11px 0px 30.3px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside {
    padding: 33.11px 0px 48.3px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside {
    padding: 35.11px 0px 52.3px;
    top: 74px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside {
    padding: 37.11px 0px 56.3px;
    top: 74px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside {
    padding: 39.11px 0px 60.3px;
    top: 80px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside {
    padding: 40.11px 0px 64.3px;
    top: 88px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside {
    top: 93px;
    padding: 40.11px 0px 68.3px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside {
    top: 100px;
    padding: 41.11px 0px 72.3px;
  }
}
.newsDetail aside::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  z-index: -1;
  background: var(--Linear, linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%));
}
.newsDetail aside h2, .newsDetail aside h3 {
  line-height: 113.333%;
  margin-bottom: 20px;
}
@media (min-width: 578px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 27px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 29px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 31px;
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 33px;
    font-size: 24px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 35px;
    font-size: 26px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 37px;
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 39px;
    font-size: 29px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside h2, .newsDetail aside h3 {
    margin-bottom: 43px;
    font-size: 30px;
  }
}
.newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 578px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 21px;
    padding-right: 21px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside h2, .newsDetail aside h3, .newsDetail aside li {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.newsDetail aside li {
  margin-bottom: 15.6px;
}
@media (min-width: 578px) {
  .newsDetail aside li {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li {
    margin-bottom: 23.6px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li {
    margin-bottom: 27.6px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li {
    margin-bottom: 29.6px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li {
    margin-bottom: 31.6px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li {
    margin-bottom: 35.6px;
  }
}
.newsDetail aside li:last-child {
  margin-bottom: 0;
}
.newsDetail aside li > div {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 30px;
}
@media (min-width: 576px) {
  .newsDetail aside li > div {
    padding-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li > div {
    padding-bottom: 38px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li > div {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li > div {
    padding-bottom: 25px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li > div {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li > div {
    padding-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li > div {
    padding-bottom: 42px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li > div {
    padding-bottom: 48px;
  }
}
.newsDetail aside li > div::after {
  width: 100%;
  height: 2px;
  opacity: 0.2;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
  bottom: 0;
  left: 0;
}
.newsDetail aside li picture {
  width: 38.916%;
}
.newsDetail aside li picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  min-height: 90px;
}
@media (min-width: 576px) {
  .newsDetail aside li picture img {
    min-height: 110px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li picture img {
    min-height: 114px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li picture img {
    min-height: 94px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li picture img {
    min-height: 77px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li picture img {
    min-height: 93px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li picture img {
    min-height: 103px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li picture img {
    min-height: 118px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li picture img {
    min-height: 134px;
  }
}
.newsDetail aside li a {
  width: 56.435%;
}
@media (min-width: 1900px) {
  .newsDetail aside li a {
    width: 55.435%;
  }
}
.newsDetail aside li p {
  line-height: 130%;
  font-weight: 500;
  color: #320064;
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .newsDetail aside li p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .newsDetail aside li p {
    font-size: 13px;
  }
}
@media (min-width: 576px) {
  .newsDetail aside li p {
    margin-bottom: 6px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li p {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li p {
    margin-bottom: 5px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li p {
    margin-bottom: 10px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li p {
    margin-bottom: 19px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li p {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li p {
    margin-bottom: 20px;
  }
}
.newsDetail aside li .date {
  font-weight: 500;
  color: #575757;
  font-size: 14px;
}
@media (min-width: 576px) {
  .newsDetail aside li .date {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li .date {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li .date {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li .date {
    font-size: 12px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li .date {
    font-size: 13px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li .date {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li .date {
    font-size: 15px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li .date {
    font-size: 18px;
  }
}
.newsDetail aside li svg {
  height: auto;
  width: 10px;
}
@media (min-width: 768px) {
  .newsDetail aside li svg {
    width: 12px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li svg {
    width: 13px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li svg {
    width: 14px;
  }
}
@media (min-width: 1360px) {
  .newsDetail aside li svg {
    width: 15px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li svg {
    width: 16px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li svg {
    width: 17px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li svg {
    width: 18px;
  }
}

.testimonial-inner {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .testimonial-inner {
    padding-bottom: 7.162%;
  }
}
.testimonial-inner .success-stories {
  padding-top: 0;
}
.testimonial-inner .success-stories .texts p {
  font-family: "IBM Plex Serif";
}
.testimonial-inner .testimonialSlider {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 35.19px 0px;
}
@media (min-width: 992px) {
  .testimonial-inner .testimonialSlider {
    gap: 35.19px 0px;
  }
}
@media (min-width: 1360px) {
  .testimonial-inner .testimonialSlider {
    gap: 40.19px 0px;
  }
}
@media (min-width: 1440px) {
  .testimonial-inner .testimonialSlider {
    gap: 44.19px 0px;
  }
}
@media (min-width: 1900px) {
  .testimonial-inner .testimonialSlider {
    gap: 45.19px 0px;
  }
}
.testimonial-inner .testimonialSlider-item {
  width: 100%;
}
@media (min-width: 992px) {
  .testimonial-inner .testimonialSlider-item {
    width: 48.286%;
  }
}
.testimonial-inner .testimonialSlider-item {
  padding: 20px;
}
@media (min-width: 768px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 10.81px 18.42px 23.93px 12.57px;
  }
}
@media (min-width: 992px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 10.81px 18.42px 23.93px 12.57px;
  }
}
@media (min-width: 1200px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 16.81px 24.42px 29.93px 18.57px;
  }
}
@media (min-width: 1360px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 16.81px 24.42px 29.93px 18.57px;
  }
}
@media (min-width: 1440px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 16.81px 24.42px 29.93px 18.57px;
  }
}
@media (min-width: 1600px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 20.81px 29.42px 35.93px 20.57px;
  }
}
@media (min-width: 1900px) {
  .testimonial-inner .testimonialSlider-item {
    padding: 33.81px 41.42px 46.93px 35.57px;
  }
}

.examination {
  padding-bottom: 80px;
}
.examination .dropdown-menu {
  background-color: #320064 !important;
}
.examination .dropdown-menu a {
  color: #fff;
}
.examination .dropdown-menu .dropdown-item:hover {
  background-color: #5E0C9E !important;
}
@media (min-width: 992px) {
  .examination {
    padding-bottom: 8.1409%;
  }
}
.examination h2, .examination h3, .examination h4, .examination h5 {
  font-weight: 400;
}
.examination h2, .examination h3, .examination h4, .examination h5 {
  color: #320064;
}
.examination article {
  width: 100%;
}
@media (min-width: 992px) {
  .examination article {
    width: 58.905%;
  }
}
.examination aside {
  width: 100%;
}
@media (min-width: 992px) {
  .examination aside {
    width: 31.789%;
  }
}
.examination aside {
  position: relative;
}
@media (min-width: 992px) {
  .examination aside {
    padding: 4.123% 2.821% 5.696% 2.821%;
  }
}
@media (min-width: 992px) {
  .examination aside::before {
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background: linear-gradient(97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
    left: 0;
    top: 0;
    z-index: -1;
  }
}
.examination aside .nav-link, .examination aside .tab-link {
  display: block;
  width: 100%;
  font-family: "IBM Plex Serif";
  text-align: left;
  position: relative;
  padding: 0;
  color: #000;
  line-height: 115.385%;
  padding-left: 9.762%;
  padding-bottom: 8.05%;
  margin-bottom: 8.05%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 20px;
  }
}
@media (min-width: 1360px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 23px;
  }
}
@media (min-width: 1600px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .examination aside .nav-link, .examination aside .tab-link {
    font-size: 26px;
  }
}
.examination aside .nav-link::before, .examination aside .tab-link::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" viewBox="0 0 10 13" fill="none"><path d="M0.24386 0.200849L9.67871 6.43832L0.243859 12.6758L0.24386 0.200849Z" fill="%235E0C9E"/></svg>');
  width: 9.435px;
  height: 12.475px;
  left: 0;
  top: 7.03px;
}
.examination aside .nav-link::after, .examination aside .tab-link::after {
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background: #5E0C9E;
  bottom: 0;
  left: 0;
}
.examination aside .nav-link.active, .examination aside .tab-link.active {
  color: #5E0C9E;
  font-weight: 500;
  background-color: unset;
}
.examination aside .nav-link:last-child, .examination aside .tab-link:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.examination aside .nav-link:last-child::after, .examination aside .tab-link:last-child::after {
  content: none;
}
.examination article h2, .examination article h3 {
  margin-bottom: 2.546%;
}
.examination article p + p, .examination article ul + p {
  margin-top: 4.455%;
}
.examination article p + h2, .examination article p + h3 {
  margin-top: 4.455%;
}
.examination article h2 {
  line-height: 144.444%;
  font-size: 25px;
}
@media (min-width: 576px) {
  .examination article h2 {
    font-size: 31px;
  }
}
@media (min-width: 768px) {
  .examination article h2 {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .examination article h2 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .examination article h2 {
    font-size: 37px;
  }
}
@media (min-width: 1360px) {
  .examination article h2 {
    font-size: 39px;
  }
}
@media (min-width: 1440px) {
  .examination article h2 {
    font-size: 41px;
  }
}
@media (min-width: 1600px) {
  .examination article h2 {
    font-size: 43px;
  }
}
@media (min-width: 1900px) {
  .examination article h2 {
    font-size: 45px;
  }
}
.examination article h3 {
  line-height: 216.667%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .examination article h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .examination article h3 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .examination article h3 {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  .examination article h3 {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .examination article h3 {
    font-size: 26px;
  }
}
@media (min-width: 1600px) {
  .examination article h3 {
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  .examination article h3 {
    font-size: 30px;
  }
}

.resources {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .resources {
    padding-bottom: 8.1409%;
  }
}
.resources ul {
  counter-reset: css-counter 0;
}
.resources li {
  position: relative;
  counter-increment: css-counter 1;
  padding-left: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .resources li {
    padding-left: 2.862%;
    margin-bottom: 1.5509%;
  }
}
.resources li > div {
  position: relative;
}
.resources li > div::before {
  color: #320064;
  content: "0" counter(css-counter) " ";
  position: absolute;
  left: 0;
  top: 16%;
}
@media (max-width: 575px) {
  .resources li > div::before {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .resources li > div::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.resources li::before {
  width: 100%;
  height: 100%;
  opacity: 0.1;
  left: 0;
  top: 0;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
.resources li:last-child {
  margin-bottom: 0;
}
.resources li > div div {
  font-family: "IBM Plex Serif", serif;
}
@media (max-width: 575px) {
  .resources li > div div {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .resources li > div div {
    width: 100%;
  }
}
.resources li > div div:nth-child(1) {
  color: #320064;
}
@media (min-width: 768px) {
  .resources li > div div:nth-child(1) {
    min-width: 43%;
  }
}
@media (min-width: 768px) {
  .resources li > div div:nth-child(2) {
    min-width: 38%;
  }
}
@media (min-width: 992px) {
  .resources li > div div:nth-child(2) {
    min-width: 41%;
  }
}
.resources li > div div:nth-child(3) {
  display: flex;
}
@media (min-width: 768px) {
  .resources li > div div:nth-child(3) {
    min-width: 16%;
    justify-content: flex-end;
  }
}
.resources li a {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #5E0C9E;
  color: #320064;
  background: #FFF;
  padding: 0px 40px;
  height: 40px;
}
@media (max-width: 767px) {
  .resources li a {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .resources li a {
    height: 38px;
  }
}
@media (min-width: 768px) {
  .resources li a {
    height: 43px;
  }
}
@media (min-width: 992px) {
  .resources li a {
    height: 48px;
    padding: 0px 28.129%;
  }
}
@media (min-width: 1200px) {
  .resources li a {
    height: 53px;
  }
}
@media (min-width: 1360px) {
  .resources li a {
    height: 58px;
  }
}
@media (min-width: 1440px) {
  .resources li a {
    height: 63px;
  }
}
@media (min-width: 1600px) {
  .resources li a {
    height: 68px;
  }
}
@media (min-width: 1900px) {
  .resources li a {
    height: 73px;
  }
}
.resources li a:hover {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
  color: #fff;
}
.resources li > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 25px 35px;
}
@media (max-width: 767px) {
  .resources li > div {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .resources li > div {
    padding: 1.8269% 4.805% 1.82269% 5.004%;
  }
}

.media-page {
  position: relative;
}
.media-page::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: linear-gradient(-97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
  left: 0;
  top: 0;
}

.featured-news-list {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .featured-news-list {
    padding-bottom: 8.1409%;
  }
}
.featured-news-list .featuredSlider {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
@media (min-width: 576px) {
  .featured-news-list .featuredSlider {
    gap: 21px;
  }
}
@media (min-width: 768px) {
  .featured-news-list .featuredSlider {
    gap: 41px;
  }
}
@media (min-width: 992px) {
  .featured-news-list .featuredSlider {
    gap: 29px;
  }
}
@media (min-width: 1200px) {
  .featured-news-list .featuredSlider {
    gap: 34px;
  }
}
@media (min-width: 1280px) {
  .featured-news-list .featuredSlider {
    gap: 36px;
  }
}
@media (min-width: 1360px) {
  .featured-news-list .featuredSlider {
    gap: 38px;
  }
}
@media (min-width: 1440px) {
  .featured-news-list .featuredSlider {
    gap: 41px;
  }
}
@media (min-width: 1600px) {
  .featured-news-list .featuredSlider {
    gap: 46px;
  }
}
@media (min-width: 1900px) {
  .featured-news-list .featuredSlider {
    gap: 55px;
  }
}
.featured-news-list .featured-box {
  width: 100%;
  padding: 30px;
}
@media (min-width: 576px) {
  .featured-news-list .featured-box {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .featured-news-list .featured-box {
    width: 47%;
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .featured-news-list .featured-box {
    width: 31%;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .featured-news-list .featured-box {
    padding: 23.71px 23.73px 30.04px 30.26px;
  }
}
@media (min-width: 1360px) {
  .featured-news-list .featured-box {
    padding: 25.71px 35.73px 30.04px 38.26px;
  }
}
@media (min-width: 1440px) {
  .featured-news-list .featured-box {
    padding: 35.71px 47.73px 51.04px 54.26px;
  }
}
@media (min-width: 1600px) {
  .featured-news-list .featured-box {
    padding: 37.71px 49.73px 51.04px 54.26px;
  }
}
@media (min-width: 1900px) {
  .featured-news-list .featured-box {
    padding: 39.71px 51.73px 53.04px 56.26px;
  }
}

.about-us {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
.about-us::before {
  width: 100%;
  height: 100%;
  background-image: url(../images/background/bg-spot.png);
  right: 6%;
  bottom: -34%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 992px) {
  .about-us {
    margin-left: 3.32%;
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .about-us {
    padding-bottom: 90px;
  }
}
@media (min-width: 1360px) {
  .about-us {
    padding-bottom: 100px;
  }
}
@media (min-width: 1440px) {
  .about-us {
    padding-bottom: 120px;
  }
}
@media (min-width: 1600px) {
  .about-us {
    padding-bottom: 130px;
  }
}
@media (min-width: 1900px) {
  .about-us {
    padding-bottom: 140px;
  }
}
.about-us .row-1 .featured-about {
  width: 100%;
}
@media (min-width: 992px) {
  .about-us .row-1 .featured-about {
    width: 39.878%;
  }
}
.about-us .row-1 .description {
  width: 100%;
}
@media (min-width: 992px) {
  .about-us .row-1 .description {
    width: 53.48%;
  }
}
@media (min-width: 1200px) {
  .about-us .row-1 .description {
    width: 48.48%;
  }
}
.about-us .row-1 .featured-about {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding-left: 2.688%;
}
@media (min-width: 992px) {
  .about-us .row-1 .featured-about {
    position: sticky;
    top: 40px;
  }
}
.about-us .row-1 .featured-about img {
  width: 82.32%;
  height: auto;
}
.about-us .row-1 .featured-about::before {
  width: 100%;
  height: 100%;
  opacity: 0.23;
  background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
  left: 0;
  top: 0;
  z-index: -1;
}
.about-us .row-1 .featured-about::after {
  width: 150px;
  height: 100%;
  background-image: url(../images/background/about.png);
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (max-width: 991px) {
  .about-us .row-1 .description {
    order: -1;
    margin-bottom: 20px;
  }
}
.about-us .row-1 .description h2 {
  color: #320064;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1200px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1360px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .about-us .row-1 .description h2 {
    margin-bottom: 32px;
  }
}
.about-us .row-1 .description p + p {
  margin-top: 5px;
}
.about-us .row-2 {
  margin-top: 80px;
}
@media (min-width: 768px) {
  .about-us .row-2 {
    margin-top: 90px;
  }
}
@media (min-width: 992px) {
  .about-us .row-2 {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) {
  .about-us .row-2 {
    margin-top: 110px;
  }
}
@media (min-width: 1360px) {
  .about-us .row-2 {
    margin-top: 140px;
  }
}
@media (min-width: 1440px) {
  .about-us .row-2 {
    margin-top: 177px;
  }
}
@media (min-width: 1600px) {
  .about-us .row-2 {
    margin-top: 187px;
  }
}
@media (min-width: 1900px) {
  .about-us .row-2 {
    margin-top: 197px;
  }
}

.mission-vision-box {
  position: relative;
  width: 100%;
  padding: 45px 25px 35px 25px;
}
@media (max-width: 767px) {
  .mission-vision-box + .mission-vision-box {
    margin-top: 55px;
  }
}
@media (min-width: 768px) {
  .mission-vision-box {
    width: 48.286%;
    padding: 60px 25px 35px 25px;
  }
}
@media (min-width: 992px) {
  .mission-vision-box {
    padding: 60px 30px 45px 30px;
  }
}
@media (min-width: 1200px) {
  .mission-vision-box {
    padding: 65px 35px 41px 35px;
  }
}
@media (min-width: 1360px) {
  .mission-vision-box {
    padding: 70px 40px 46px 40px;
  }
}
@media (min-width: 1440px) {
  .mission-vision-box {
    padding: 75px 45px 51px 45px;
  }
}
@media (min-width: 1600px) {
  .mission-vision-box {
    padding: 79px 50px 56px 50px;
  }
}
@media (min-width: 1900px) {
  .mission-vision-box {
    padding: 91.23px 65.38px 68.32px 62.61px;
  }
}
.mission-vision-box picture {
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 9.388%;
  top: -8.19%;
  padding: 15px;
}
@media (min-width: 768px) {
  .mission-vision-box picture {
    padding: 18px;
    top: -14.19%;
  }
}
@media (min-width: 992px) {
  .mission-vision-box picture {
    padding: 20px;
    top: -21.19%;
  }
}
@media (min-width: 1200px) {
  .mission-vision-box picture {
    padding: 22px;
  }
}
@media (min-width: 1360px) {
  .mission-vision-box picture {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .mission-vision-box picture {
    padding: 26px;
  }
}
@media (min-width: 1600px) {
  .mission-vision-box picture {
    padding: 28px;
  }
}
@media (min-width: 1900px) {
  .mission-vision-box picture {
    padding: 30px;
  }
}
.mission-vision-box picture img {
  height: auto;
  width: 50px;
}
@media (min-width: 768px) {
  .mission-vision-box picture img {
    width: 60px;
  }
}
@media (min-width: 992px) {
  .mission-vision-box picture img {
    width: 70px;
  }
}
@media (min-width: 1200px) {
  .mission-vision-box picture img {
    width: 75px;
  }
}
@media (min-width: 1360px) {
  .mission-vision-box picture img {
    width: 80px;
  }
}
@media (min-width: 1440px) {
  .mission-vision-box picture img {
    width: 90px;
  }
}
@media (min-width: 1600px) {
  .mission-vision-box picture img {
    width: 108px;
  }
}
@media (min-width: 1900px) {
  .mission-vision-box picture img {
    width: 128px;
  }
}
.mission-vision-box h3 {
  color: #5E0C9E;
  line-height: 75%;
  font-size: 25px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .mission-vision-box h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .mission-vision-box h3 {
    font-size: 30px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  .mission-vision-box h3 {
    font-size: 33px;
    margin-bottom: 31px;
  }
}
@media (min-width: 1360px) {
  .mission-vision-box h3 {
    font-size: 35px;
    margin-bottom: 33.53px;
  }
}
@media (min-width: 1440px) {
  .mission-vision-box h3 {
    font-size: 37px;
    margin-bottom: 35.53px;
  }
}
@media (min-width: 1600px) {
  .mission-vision-box h3 {
    font-size: 38px;
    margin-bottom: 37.53px;
  }
}
@media (min-width: 1900px) {
  .mission-vision-box h3 {
    font-size: 40px;
    margin-bottom: 39.53px;
  }
}
.mission-vision-box p {
  line-height: 136.364%;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 768px) {
  .mission-vision-box p {
    font-size: 15px;
  }
}
@media (min-width: 1360px) {
  .mission-vision-box p {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .mission-vision-box p {
    font-size: 16.5px;
  }
}
@media (min-width: 1600px) {
  .mission-vision-box p {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  .mission-vision-box p {
    font-size: 22px;
  }
}
.mission-vision-box::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
  background: linear-gradient(97deg, #997DB0 0.11%, #785396 50%, #562D7C 74.95%, #320064 99.89%);
}

.director {
  position: relative;
  padding-top: 50px;
  padding-bottom: 140px;
}
@media (min-width: 992px) {
  .director {
    padding-top: 5.205%;
    padding-bottom: 12.7%;
  }
}
.director .d-flex {
  margin-left: 4.851%;
}
.director::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(90deg, #01D4FF 0%, #0109AA 50.5%, #320064 100%);
}
.director .featured-director {
  position: relative;
  padding-top: 2.71%;
  width: 100%;
}
.director .featured-director picture {
  text-align: center;
}
.director .featured-director img {
  width: 76.191%;
  height: auto;
}
.director .featured-director::before {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #FFF;
  left: 0;
  top: 0;
  z-index: -1;
}
.director .featured-director::after {
  width: 150px;
  height: 100%;
  background-image: url(../images/background/about.png);
  right: 9%;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 992px) {
  .director .featured-director {
    width: 40.8219%;
  }
}
.director .description {
  width: 100%;
}
@media (min-width: 992px) {
  .director .description {
    width: 50.228%;
  }
}
@media (max-width: 991px) {
  .director .description {
    order: -1;
    margin-bottom: 20px;
  }
}
.director .description h2 {
  color: #320064;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .director .description h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1200px) {
  .director .description h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1360px) {
  .director .description h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .director .description h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .director .description h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .director .description h2 {
    margin-bottom: 32px;
  }
}
.director .description p + p {
  margin-top: 5px;
}
.director + .partnered {
  margin-top: -22.378%;
  padding-bottom: 60px;
}
@media (min-width: 576px) {
  .director + .partnered {
    margin-top: -7.378%;
    padding-bottom: 6.389%;
  }
}

.partnered + .mid-section {
  background: unset;
  position: relative;
}
.partnered + .mid-section::before {
  background: linear-gradient(90deg, #01D4FF 0%, rgba(1, 9, 170, 0.3803921569) 50.5%, rgba(50, 0, 100, 0.631372549) 100%);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.partnered + .mid-section h2 {
  color: #320064;
}
.partnered + .mid-section p {
  color: #000;
  font-weight: 400;
}
.partnered + .mid-section h3 {
  color: #5E0C9E;
}
.partnered + .mid-section path {
  fill: #5E0C9E;
}
.partnered + .mid-section picture {
  z-index: -2;
}
.partnered + .mid-section img {
  opacity: 0.1;
}

.mid-section + .awards {
  overflow: visible;
  padding-bottom: 0;
}

.contact .heading {
  margin-bottom: 60.03px;
}
.contact .heading h2 {
  color: #320064;
  margin-bottom: 15.19px;
}
.contact .heading p {
  line-height: 250%;
}

.followUs + .mid-contact-form {
  padding-top: 120px;
}
@media (min-width: 768px) {
  .followUs + .mid-contact-form {
    padding-top: 14.63%;
  }
}
.followUs .container-ctn {
  background: #FFF;
  z-index: 1;
  position: relative;
  box-shadow: 0px 0px 100px 50px rgba(50, 0, 100, 0.1);
  padding: 20px;
  margin-bottom: -90px;
}
.followUs .container-ctn > .d-flex {
  gap: 4%;
}
.followUs .container-ctn > .d-flex div {
  width: 100%;
}
@media (min-width: 992px) {
  .followUs .container-ctn > .d-flex div {
    width: 51.42%;
  }
}
@media (min-width: 576px) {
  .followUs .container-ctn {
    margin-bottom: -8.545%;
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .followUs .container-ctn {
    padding: 35.79px 46px 35.79px 25.6px;
  }
}
@media (min-width: 992px) {
  .followUs .container-ctn {
    padding: 40.79px 51px 40.79px 30.6px;
  }
}
@media (min-width: 1200px) {
  .followUs .container-ctn {
    padding: 54.79px 74.68px 54.79px 45.6px;
  }
}
@media (min-width: 1280px) {
  .followUs .container-ctn {
    padding: 70.79px 90.68px 70.79px 55.6px;
  }
}
@media (min-width: 1360px) {
  .followUs .container-ctn {
    padding: 85.79px 104.68px 85.79px 69.6px;
  }
}
@media (min-width: 1440px) {
  .followUs .container-ctn {
    padding: 90.79px 114.68px 90.79px 79.6px;
  }
}
@media (min-width: 1600px) {
  .followUs .container-ctn {
    padding: 94.79px 124.68px 94.79px 89.6px;
  }
}
@media (min-width: 1900px) {
  .followUs .container-ctn {
    padding: 114.79px 154.68px 114.79px 129.6px;
  }
}
.followUs h2 {
  color: #320064;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .followUs h2 {
    margin-bottom: 9px;
  }
}
@media (min-width: 992px) {
  .followUs h2 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1200px) {
  .followUs h2 {
    margin-bottom: 13px;
  }
}
@media (min-width: 1280px) {
  .followUs h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1360px) {
  .followUs h2 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1440px) {
  .followUs h2 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1600px) {
  .followUs h2 {
    margin-bottom: 21px;
  }
}
@media (min-width: 1900px) {
  .followUs h2 {
    margin-bottom: 23.75px;
  }
}
.followUs ul {
  gap: 10px;
}
@media (max-width: 991px) {
  .followUs ul {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .followUs ul {
    gap: 13px;
  }
}
@media (min-width: 992px) {
  .followUs ul {
    gap: 14px;
  }
}
@media (min-width: 1200px) {
  .followUs ul {
    gap: 15px;
  }
}
@media (min-width: 1280px) {
  .followUs ul {
    gap: 16px;
  }
}
@media (min-width: 1360px) {
  .followUs ul {
    gap: 17px;
  }
}
@media (min-width: 1440px) {
  .followUs ul {
    gap: 18px;
  }
}
@media (min-width: 1600px) {
  .followUs ul {
    gap: 19.6px;
  }
}
@media (min-width: 1900px) {
  .followUs ul {
    gap: 20.6px;
  }
}
.followUs ul a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  transition: 0.5s ease all;
}
@media (min-width: 576px) {
  .followUs ul a {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 768px) {
  .followUs ul a {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 992px) {
  .followUs ul a {
    width: 57px;
    height: 57px;
  }
}
@media (min-width: 1200px) {
  .followUs ul a {
    width: 62px;
    height: 62px;
  }
}
@media (min-width: 1280px) {
  .followUs ul a {
    width: 64px;
    height: 64px;
  }
}
@media (min-width: 1360px) {
  .followUs ul a {
    width: 68px;
    height: 68px;
  }
}
@media (min-width: 1440px) {
  .followUs ul a {
    width: 73px;
    height: 73px;
  }
}
@media (min-width: 1600px) {
  .followUs ul a {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1900px) {
  .followUs ul a {
    width: 87.744px;
    height: 87.744px;
  }
}
.followUs ul a::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
  background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
}
.followUs ul a path {
  transition: 0.5s ease all;
}
.followUs ul a:hover {
  transition: 0.5s ease all;
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
.followUs ul a:hover path {
  transition: 0.5s ease all;
  fill: #fff;
}
.followUs ul svg {
  height: auto;
  width: 20px;
}
@media (min-width: 576px) {
  .followUs ul svg {
    width: 22px;
  }
}
@media (min-width: 768px) {
  .followUs ul svg {
    width: 27px;
  }
}
@media (min-width: 992px) {
  .followUs ul svg {
    width: 29px;
  }
}
@media (min-width: 1200px) {
  .followUs ul svg {
    width: 30px;
  }
}
@media (min-width: 1280px) {
  .followUs ul svg {
    width: 33px;
  }
}
@media (min-width: 1360px) {
  .followUs ul svg {
    width: 35px;
  }
}
@media (min-width: 1440px) {
  .followUs ul svg {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .followUs ul svg {
    width: 39px;
  }
}
@media (min-width: 1900px) {
  .followUs ul svg {
    width: 43px;
  }
}

.locations:last-child {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .locations:last-child {
    margin-bottom: 55px;
  }
}
@media (min-width: 992px) {
  .locations:last-child {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .locations:last-child {
    margin-bottom: 70px;
  }
}
@media (min-width: 1280px) {
  .locations:last-child {
    margin-bottom: 80px;
  }
}
@media (min-width: 1360px) {
  .locations:last-child {
    margin-bottom: 92px;
  }
}
@media (min-width: 1440px) {
  .locations:last-child {
    margin-bottom: 102px;
  }
}
@media (min-width: 1600px) {
  .locations:last-child {
    margin-bottom: 112px;
  }
}
@media (min-width: 1900px) {
  .locations:last-child {
    margin-bottom: 122px;
  }
}
.locations + .locations {
  margin-top: 30px;
}
@media (min-width: 576px) {
  .locations + .locations {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .locations + .locations {
    margin-top: 43px;
  }
}
@media (min-width: 992px) {
  .locations + .locations {
    margin-top: 46px;
  }
}
@media (min-width: 1200px) {
  .locations + .locations {
    margin-top: 49px;
  }
}
@media (min-width: 1360px) {
  .locations + .locations {
    margin-top: 52px;
  }
}
@media (min-width: 1440px) {
  .locations + .locations {
    margin-top: 55px;
  }
}
@media (min-width: 1600px) {
  .locations + .locations {
    margin-top: 58px;
  }
}
@media (min-width: 1900px) {
  .locations + .locations {
    margin-top: 61px;
  }
}
.locations > div {
  border: 1px solid rgba(94, 12, 158, 0.15);
  background: #fff;
  background: linear-gradient(0deg, #EBE8F0 0%, #FFF 100%);
  padding: 30px 23px 30px 23px;
}
@media (min-width: 576px) {
  .locations > div {
    padding: 40px 35px 30px 23px;
  }
}
@media (min-width: 992px) {
  .locations > div {
    padding: 35px 25px 30px 25px;
  }
}
@media (min-width: 1200px) {
  .locations > div {
    padding: 52px 47px 42px 35px;
  }
}
@media (min-width: 1360px) {
  .locations > div {
    padding: 56px 51px 46px 39px;
  }
}
@media (min-width: 1440px) {
  .locations > div {
    padding: 60px 55px 50px 43px;
  }
}
@media (min-width: 1600px) {
  .locations > div {
    padding: 64px 59px 54px 47px;
  }
}
@media (min-width: 1900px) {
  .locations > div {
    padding: 70.83px 63.51px 68.35px 51.56px;
  }
}
.locations h3 {
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  color: #320064;
  font-size: 15px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .locations h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .locations h3 {
    font-size: 17px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1360px) {
  .locations h3 {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .locations h3 {
    font-size: 20px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .locations h3 {
    font-size: 22px;
    margin-bottom: 47.04px;
  }
}
@media (min-width: 1900px) {
  .locations h3 {
    font-size: 24px;
    margin-bottom: 49.04px;
  }
}
.locations .locationsDetails {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  width: 1000%;
}
@media (min-width: 576px) {
  .locations .locationsDetails {
    width: 56.825%;
  }
}
@media (min-width: 768px) {
  .locations .locationsDetails {
    padding-bottom: 15.49px;
  }
}
@media (min-width: 992px) {
  .locations .locationsDetails {
    padding-bottom: 17.49px;
    width: 51.825%;
  }
}
@media (min-width: 1200px) {
  .locations .locationsDetails {
    padding-bottom: 19.49px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsDetails {
    padding-bottom: 21.49px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsDetails {
    padding-bottom: 23.49px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsDetails {
    padding-bottom: 25.49px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsDetails {
    padding-bottom: 27.49px;
  }
}
@media (min-width: 992px) {
  .locations .locationsDetails > div {
    padding-top: 5.5px;
    padding-bottom: 5.5px;
  }
}
@media (min-width: 1200px) {
  .locations .locationsDetails > div {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsDetails > div {
    padding-top: 6.5px;
    padding-bottom: 6.5px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsDetails > div {
    padding-top: 6.75px;
    padding-bottom: 6.75px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsDetails > div {
    padding-top: 7.25px;
    padding-bottom: 7.25px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsDetails > div {
    padding-top: 7.75px;
    padding-bottom: 7.75px;
  }
}
.locations .locationsPhone a, .locations .locationAddress div div {
  align-items: flex-start;
  display: flex;
  width: 100%;
  gap: 10px;
}
@media (min-width: 576px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 11px;
  }
}
@media (min-width: 768px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 12px;
  }
}
@media (min-width: 992px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 13px;
  }
}
@media (min-width: 1200px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 14px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 15px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 17px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsPhone a, .locations .locationAddress div div {
    gap: 18.74px;
  }
}
.locations .locationsPhone a svg, .locations .locationAddress div div svg {
  height: auto;
  width: 23px;
}
@media (min-width: 576px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 21px;
  }
}
@media (min-width: 992px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 19px;
  }
}
@media (min-width: 1200px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 21px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 23px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 25px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 27px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsPhone a svg, .locations .locationAddress div div svg {
    width: 29px;
  }
}
.locations .locationAddress div div svg {
  margin-top: 4px;
}
.locations .locationsPhone a, .locations .locationAddress div div p {
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
}
.locations .locationAddress div div p, .locations .locationAddress div div span {
  font-size: 14px;
}
@media (min-width: 576px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 15.5px;
  }
}
@media (min-width: 1200px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 15.5px;
  }
}
@media (min-width: 1900px) {
  .locations .locationAddress div div p, .locations .locationAddress div div span {
    font-size: 18px;
  }
}
.locations .locationAddress div div span {
  font-weight: 500;
  color: #F1075E;
  display: block;
}
.locations iframe {
  width: 100%;
  height: 250px;
}
@media (max-width: 575px) {
  .locations iframe {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .locations iframe {
    width: 38.886%;
    height: 100%;
  }
}
.locations .locationsPhone {
  width: 100%;
}
@media (min-width: 992px) {
  .locations .locationsPhone {
    width: 38.5%;
  }
}
.locations .locationAddress {
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .locations .locationAddress {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.locations .locationAddress::after {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
@media (max-width: 991px) {
  .locations .locationAddress::after {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .locations .locationAddress {
    width: 61.4%;
    padding-right: 20.56px;
  }
}
@media (min-width: 1200px) {
  .locations .locationAddress {
    padding-right: 28.56px;
  }
}
@media (min-width: 1360px) {
  .locations .locationAddress {
    padding-right: 26.56px;
  }
}
@media (min-width: 1440px) {
  .locations .locationAddress {
    padding-right: 32.56px;
  }
}
@media (min-width: 1600px) {
  .locations .locationAddress {
    padding-right: 39.56px;
  }
}
@media (min-width: 1900px) {
  .locations .locationAddress {
    padding-right: 41.56px;
  }
}
.locations .locationAddress > div:first-child::after {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}
@media (min-width: 992px) {
  .locations .locationAddress > div:first-child::after {
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
  }
}
.locations .locationAddress div + div {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .locations .locationAddress div + div {
    margin-top: 20.5px;
  }
}
@media (min-width: 1200px) {
  .locations .locationAddress div + div {
    margin-top: 48.5px;
  }
}
@media (min-width: 1360px) {
  .locations .locationAddress div + div {
    margin-top: 50.5px;
  }
}
@media (min-width: 1440px) {
  .locations .locationAddress div + div {
    margin-top: 52.5px;
  }
}
@media (min-width: 1600px) {
  .locations .locationAddress div + div {
    margin-top: 54.5px;
  }
}
@media (min-width: 1900px) {
  .locations .locationAddress div + div {
    margin-top: 56.5px;
  }
}
@media (min-width: 992px) {
  .locations .locationsPhone {
    padding-left: 22.31px;
  }
}
@media (min-width: 1200px) {
  .locations .locationsPhone {
    padding-left: 37.31px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsPhone {
    padding-left: 39.31px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsPhone {
    padding-left: 41.31px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsPhone {
    padding-left: 43.31px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsPhone {
    padding-left: 47.31px;
  }
}
.locations .locationsPhone a {
  color: #000;
}
.locations .locationsPhone a + a {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .locations .locationsPhone a + a {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .locations .locationsPhone a + a {
    margin-top: 22px;
  }
}
@media (min-width: 1200px) {
  .locations .locationsPhone a + a {
    margin-top: 29px;
  }
}
@media (min-width: 1360px) {
  .locations .locationsPhone a + a {
    margin-top: 31px;
  }
}
@media (min-width: 1440px) {
  .locations .locationsPhone a + a {
    margin-top: 33px;
  }
}
@media (min-width: 1600px) {
  .locations .locationsPhone a + a {
    margin-top: 35px;
  }
}
@media (min-width: 1900px) {
  .locations .locationsPhone a + a {
    margin-top: 37px;
  }
}

.page-not-found {
  margin-top: 180px;
  margin-bottom: 70px;
}
@media (min-width: 768px) {
  .page-not-found {
    margin-top: 240px;
    margin-bottom: 127px;
  }
}
@media (min-width: 992px) {
  .page-not-found {
    margin-top: 250px;
    margin-bottom: 137px;
  }
}
@media (min-width: 1200px) {
  .page-not-found {
    margin-top: 260px;
    margin-bottom: 147px;
  }
}
@media (min-width: 1360px) {
  .page-not-found {
    margin-top: 270px;
    margin-bottom: 157px;
  }
}
@media (min-width: 1440px) {
  .page-not-found {
    margin-top: 280px;
    margin-bottom: 167px;
  }
}
@media (min-width: 1600px) {
  .page-not-found {
    margin-top: 290px;
    margin-bottom: 177px;
  }
}
@media (min-width: 1900px) {
  .page-not-found {
    margin-top: 304px;
    margin-bottom: 187px;
  }
}
.page-not-found picture {
  width: 300px;
  margin: auto;
}
@media (min-width: 992px) {
  .page-not-found picture {
    width: 50.16%;
  }
}
.page-not-found img {
  width: 100%;
  animation: bounce 2s infinite;
  height: auto;
}
.page-not-found h1 {
  font-weight: 500;
  margin-top: -8px;
  color: #5E0C9E;
}
@media (min-width: 992px) {
  .page-not-found h1 {
    margin-top: -10px;
  }
}
@media (min-width: 1200px) {
  .page-not-found h1 {
    margin-top: -11px;
  }
}
@media (min-width: 1440px) {
  .page-not-found h1 {
    margin-top: -13px;
  }
}
@media (min-width: 1600px) {
  .page-not-found h1 {
    margin-top: -15px;
  }
}
@media (min-width: 1900px) {
  .page-not-found h1 {
    margin-top: -17px;
  }
}
.page-not-found p {
  margin-bottom: 38px;
}

.thank-you {
  text-align: center;
}
.thank-you h1 {
  background: linear-gradient(97deg, #000 10.11%, #8B0CE0 50%, #000 99.89%);
  font-weight: bold; /* Optional: Make the text bold */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 10px;
  background-size: 200% 200%; /* Make the gradient larger for animation */
  animation: gradientAnimation 3s infinite; /* Set duration and repeat */
}
@media (min-width: 768px) {
  .thank-you h1 {
    font-size: 100px;
  }
}
@media (min-width: 992px) {
  .thank-you h1 {
    font-size: 140px;
  }
}
@media (min-width: 1200px) {
  .thank-you h1 {
    font-size: 150px;
  }
}
@media (min-width: 1360px) {
  .thank-you h1 {
    font-size: 170px;
  }
}
@media (min-width: 1440px) {
  .thank-you h1 {
    font-size: 180px;
  }
}
@media (min-width: 1600px) {
  .thank-you h1 {
    font-size: 200px;
  }
}
@media (min-width: 1900px) {
  .thank-you h1 {
    font-size: 240px;
  }
}
.thank-you p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .thank-you p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .thank-you p {
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .thank-you p {
    font-size: 23px;
  }
}
@media (min-width: 1360px) {
  .thank-you p {
    font-size: 26px;
  }
}
@media (min-width: 1440px) {
  .thank-you p {
    font-size: 27px;
  }
}
@media (min-width: 1600px) {
  .thank-you p {
    font-size: 30px;
  }
}
@media (min-width: 1900px) {
  .thank-you p {
    font-size: 36px;
  }
}

.privacy-container {
  background-color: #fff;
  max-width: 90%;
  margin: 0 auto;
  padding: 30px 25px 40px 25px;
}
@media (min-width: 768px) {
  .privacy-container {
    padding: 50px 40px 100px 40px;
  }
}
@media (min-width: 992px) {
  .privacy-container {
    padding: 36px 47px 112.8px 47px;
    max-width: 71.193%;
  }
}
@media (min-width: 1200px) {
  .privacy-container {
    padding: 41px 52px 117.8px 52px;
  }
}
@media (min-width: 1360px) {
  .privacy-container {
    padding: 46px 57px 122.8px 57px;
  }
}
@media (min-width: 1440px) {
  .privacy-container {
    padding: 50px 61px 126.8px 61px;
  }
}
@media (min-width: 1600px) {
  .privacy-container {
    padding: 54px 65px 130.8px 65px;
  }
}
@media (min-width: 1900px) {
  .privacy-container {
    padding: 69.41px 94.57px 136.8px 84.44px;
  }
}
.privacy-container > ul {
  counter-reset: css-counter 0;
}
.privacy-container > ul > li {
  position: relative;
  counter-increment: css-counter 1;
  padding-left: 31.6px;
}
.privacy-container > ul > li::before {
  content: unset;
}
.privacy-container > ul > li h3::before {
  width: 20px;
  height: 20px;
  content: "0" counter(css-counter) " ";
  left: 0;
  top: 0;
}
@media (min-width: 576px) {
  .privacy-container > ul > li {
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .privacy-container > ul > li {
    padding-left: 45px;
  }
}
@media (min-width: 992px) {
  .privacy-container > ul > li {
    padding-left: 55px;
  }
}
@media (min-width: 1200px) {
  .privacy-container > ul > li {
    padding-left: 60px;
  }
}
@media (min-width: 1280px) {
  .privacy-container > ul > li {
    padding-left: 65px;
  }
}
@media (min-width: 1360px) {
  .privacy-container > ul > li {
    padding-left: 70px;
  }
}
@media (min-width: 1440px) {
  .privacy-container > ul > li {
    padding-left: 75px;
  }
}
@media (min-width: 1600px) {
  .privacy-container > ul > li {
    padding-left: 78px;
  }
}
@media (min-width: 1900px) {
  .privacy-container > ul > li {
    padding-left: 80.6px;
  }
}
.privacy-container > ul > li + li {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .privacy-container > ul > li + li {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .privacy-container > ul > li + li {
    margin-top: 26px;
  }
}
@media (min-width: 1200px) {
  .privacy-container > ul > li + li {
    margin-top: 28px;
  }
}
@media (min-width: 1360px) {
  .privacy-container > ul > li + li {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .privacy-container > ul > li + li {
    margin-top: 34px;
  }
}
@media (min-width: 1600px) {
  .privacy-container > ul > li + li {
    margin-top: 36px;
  }
}
@media (min-width: 1900px) {
  .privacy-container > ul > li + li {
    margin-top: 38.82px;
  }
}

.privacy {
  position: relative;
  padding-top: 100.89px;
  padding-bottom: 50.07px;
}
@media (min-width: 768px) {
  .privacy {
    padding-top: 140.89px;
    padding-bottom: 65.07px;
  }
}
@media (min-width: 992px) {
  .privacy {
    padding-top: 150.89px;
    padding-bottom: 70.07px;
  }
}
@media (min-width: 1200px) {
  .privacy {
    padding-top: 170.89px;
    padding-bottom: 80.07px;
  }
}
@media (min-width: 1360px) {
  .privacy {
    padding-top: 190.89px;
    padding-bottom: 90.07px;
  }
}
@media (min-width: 1440px) {
  .privacy {
    padding-top: 214.89px;
    padding-bottom: 100.07px;
  }
}
@media (min-width: 1600px) {
  .privacy {
    padding-top: 224.89px;
    padding-bottom: 119.07px;
  }
}
@media (min-width: 1900px) {
  .privacy {
    padding-top: 234.89px;
    padding-bottom: 129.07px;
  }
}
.privacy::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.15;
  z-index: -1;
  background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
}
.privacy h2, .privacy h1 {
  color: #320064;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1360px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 26px;
  }
}
@media (min-width: 1440px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1600px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .privacy h2, .privacy h1 {
    margin-bottom: 34.38px;
  }
}
.privacy h1, .privacy h2, .privacy h3, .privacy p {
  font-weight: 400;
}
.privacy p {
  font-family: "IBM Plex Serif", serif;
}
.privacy h3 {
  color: #5E0C9E;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .privacy h3 {
    font-size: 17px;
  }
}
@media (min-width: 922px) {
  .privacy h3 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1200px) {
  .privacy h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1360px) {
  .privacy h3 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1440px) {
  .privacy h3 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  .privacy h3 {
    margin-bottom: 13px;
  }
}
@media (min-width: 1900px) {
  .privacy h3 {
    margin-bottom: 14.38px;
  }
}
.privacy .small-description {
  position: relative;
  padding-bottom: 22px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .privacy .small-description {
    padding-bottom: 25px;
    margin-bottom: 26.82px;
  }
}
@media (min-width: 992px) {
  .privacy .small-description {
    padding-bottom: 27px;
    margin-bottom: 28.82px;
  }
}
@media (min-width: 1200px) {
  .privacy .small-description {
    padding-bottom: 29px;
    margin-bottom: 30.82px;
  }
}
@media (min-width: 1360px) {
  .privacy .small-description {
    padding-bottom: 31px;
    margin-bottom: 32.82px;
  }
}
@media (min-width: 1440px) {
  .privacy .small-description {
    padding-bottom: 33px;
    margin-bottom: 34.82px;
  }
}
@media (min-width: 1600px) {
  .privacy .small-description {
    padding-bottom: 35px;
    margin-bottom: 36.82px;
  }
}
@media (min-width: 1900px) {
  .privacy .small-description {
    padding-bottom: 37px;
    margin-bottom: 38.82px;
  }
}
.privacy .small-description::after {
  width: 100%;
  height: 1px;
  opacity: 0.15;
  background: #000;
  bottom: 0;
  left: 0;
}
.privacy li strong {
  font-weight: 500;
  display: block;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .privacy li strong {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  .privacy li strong {
    margin-top: 18px;
  }
}
@media (min-width: 1200px) {
  .privacy li strong {
    margin-top: 20px;
  }
}
@media (min-width: 1360px) {
  .privacy li strong {
    margin-top: 22px;
  }
}
@media (min-width: 1440px) {
  .privacy li strong {
    margin-top: 24px;
  }
}
@media (min-width: 1600px) {
  .privacy li strong {
    margin-top: 26px;
  }
}
@media (min-width: 1900px) {
  .privacy li strong {
    margin-top: 28px;
  }
}
.privacy .list ul ul li {
  padding-left: 20.43px;
  font-family: "IBM Plex Serif", serif;
}
@media (min-width: 768px) {
  .privacy .list ul ul li {
    padding-left: 21px;
  }
}
@media (min-width: 992px) {
  .privacy .list ul ul li {
    padding-left: 22px;
  }
}
@media (min-width: 1200px) {
  .privacy .list ul ul li {
    padding-left: 23px;
  }
}
@media (min-width: 1360px) {
  .privacy .list ul ul li {
    padding-left: 24.43px;
  }
}
@media (min-width: 1440px) {
  .privacy .list ul ul li {
    padding-left: 26.43px;
  }
}
@media (min-width: 1600px) {
  .privacy .list ul ul li {
    padding-left: 28.43px;
  }
}
@media (min-width: 1900px) {
  .privacy .list ul ul li {
    padding-left: 30.43px;
  }
}
.privacy .list ul ul li::before {
  font-family: Inter;
  font-size: 22px;
}
@media (min-width: 992px) {
  .privacy .list ul ul li::before {
    font-size: 25px;
  }
}
.privacy .list ul ul li + li {
  margin-top: 10px;
}

.wpb_wrapper h2, .wpb_wrapper h3, .wpb_wrapper h1 {
  margin-top: 20px;
  margin-bottom: 0;
}
.wpb_wrapper p + p {
  margin-top: 10px;
}

.leftFixedBox {
  position: fixed;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 1.9%;
  top: 75%;
  z-index: 10000;
  gap: 22.53px;
}
.leftFixedBox > div:first-child img {
  animation: pulse 2s infinite;
}
@media (max-width: 991px) {
  .leftFixedBox {
    display: none;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .iconBox {
  background: #5E0C9E;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .iconBox {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 1360px) {
  .leftFixedBox .iconBox {
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .iconBox {
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .iconBox {
    width: 58px;
    height: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .iconBox {
    width: 60px;
    height: 60px;
  }
}
.leftFixedBox .iconBox img {
  height: auto;
  width: 40px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox img {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox img {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .iconBox img {
    width: 52px;
  }
}
@media (min-width: 1360px) {
  .leftFixedBox .iconBox img {
    width: 54px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .iconBox img {
    width: 56px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .iconBox img {
    width: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .iconBox img {
    width: 60px;
  }
}
.leftFixedBox .iconBox i {
  color: #6f4287;
}
.leftFixedBox .dropdown-menu {
  min-width: 40px;
  width: auto;
  height: 50px;
  background: transparent;
  padding: 0;
  border: 0;
}
.leftFixedBox .dropdown-menu .iconBox {
  background: #320064;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  box-shadow: 0px 2px 10px 2px rgba(56, 52, 52, 0.2);
  text-decoration: none;
}
.leftFixedBox .dropdown-menu .iconBox i {
  color: #ffffff;
  font-size: 18px;
}
.leftFixedBox .dropdown-menu .iconBox:hover {
  background: #0a1821;
}
.leftFixedBox .dropdown-menu.show {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
}
.leftFixedBox .QuickSideRightBar {
  position: relative;
}
.leftFixedBox .QuickSideRightBar .iconBox {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  background: #320064;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  position: absolute;
  background: #320064;
  width: 0;
  height: 50px;
  right: 0;
  top: 0px;
  font-size: 13px;
  line-height: 40px;
  color: #000;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s;
  border-radius: 30px;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  left: 12px;
  top: 0;
  font-size: 17px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft {
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 190px;
}
.leftFixedBox .animateBox {
  background-color: #fff !important;
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  border-radius: 10px 10px 0px 0px;
  padding: 12px 0px;
  overflow: hidden;
  background: #320064;
}
.bottomFixedMenu ul {
  list-style: none;
}
.bottomFixedMenu span {
  color: #fff;
  display: block;
  line-height: 12px;
}
@media (max-width: 575px) {
  .bottomFixedMenu span {
    font-size: 12px;
  }
}
.bottomFixedMenu li {
  display: flex;
  width: 33.3%;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3803921569);
}
.bottomFixedMenu li a, .bottomFixedMenu li button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

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

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  width: 100%;
  height: 100%;
}

.jq-star-svg polygon {
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  filter: drop-shadow(-2px -2px 2px #888);
}

.my-rating-readonly {
  display: flex;
  gap: 8px;
}
@media (min-width: 768px) {
  .my-rating-readonly {
    gap: 5.5px;
  }
}
@media (min-width: 992px) {
  .my-rating-readonly {
    gap: 8.5px;
  }
}
@media (min-width: 1200px) {
  .my-rating-readonly {
    gap: 10.5px;
  }
}

.jq-star {
  width: 15px !important;
}

@media (min-width: 768px) {
  .jq-star {
    width: 11px !important;
  }
}
@media (min-width: 992px) {
  .jq-star {
    width: 12px !important;
  }
}
@media (min-width: 1200px) {
  .jq-star {
    width: 13px !important;
  }
}
@media (min-width: 1280px) {
  .jq-star {
    width: 14px !important;
  }
}
@media (min-width: 1360px) {
  .jq-star {
    width: 15px !important;
  }
}
@media (min-width: 1440px) {
  .jq-star {
    width: 16px !important;
  }
}
@media (min-width: 1600px) {
  .jq-star {
    width: 17px !important;
  }
}
@media (min-width: 1900px) {
  .jq-star {
    width: 18px !important;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gradientShift {
  0% {
    background-position: 0% 90%;
  }
  50% {
    background-position: 100% 55%;
  }
  100% {
    background-position: 0% 90%;
  }
}
@keyframes gradent {
  0% {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 47.91%, #07B4CC 100%);
  }
  25% {
    background: linear-gradient(90deg, #3412E0 100%, #7928E5 47.91%, #07B4CC 0%);
  }
  50% {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 100%, #07B4CC 47.9%);
  }
  to {
    background: linear-gradient(90deg, #3412E0 0%, #7928E5 47.91%, #07B4CC 100%);
  }
}
@keyframes gradentbg {
  0% {
    background: linear-gradient(45deg, #ffc94b 50%, #dfdfdf 100%);
  }
  50% {
    background: linear-gradient(90deg, #ffc94b 50%, #dfdfdf 100%);
  }
  100% {
    background: linear-gradient(45deg, #ffc94b 50%, #dfdfdf 100%);
  }
}
@keyframes downSpin {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes gradientBorder {
  0% {
    border-image-source: linear-gradient(45deg, #3412E0, #7928E5, #07B4CC);
  }
  30% {
    border-image-source: linear-gradient(45deg, #07B4CC, #3412E0, #7928E5);
  }
  60% {
    border-image-source: linear-gradient(45deg, #7928E5, #07B4CC, #3412E0);
  }
  to {
    border-image-source: linear-gradient(45deg, #3412E0, #7928E5, #07B4CC);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes humming {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes hummingWithBounse {
  0% {
    width: 50%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 50%;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); /* Default position */
  }
  40% {
    transform: translateY(-30px); /* Move up */
  }
  60% {
    transform: translateY(-15px); /* Slightly less height */
  }
}
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.btn.commonBtn {
  position: relative;
}
.btn.commonBtn.bgLinear::before {
  background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50%, #320064 99.89%);
}
.btn.commonBtn::before, .btn.commonBtn::after {
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.btn.commonBtn::before {
  width: 100%;
}
.btn.commonBtn::after {
  width: 0;
  transition: 0.5s ease all;
}
.btn.commonBtn:hover::after {
  background: #8A0CE1;
  width: 100%;
  transition: 0.5s ease all;
}
.btn.commonBtn p, .btn.commonBtn span {
  font-family: Inter;
  font-weight: 600;
  z-index: 1;
  color: #fff;
  position: relative;
}
.btn.themeBtn {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 49px;
  gap: 25px;
  padding: 0px 15px 0px 20px;
}
@media (min-width: 768px) {
  .btn.themeBtn {
    height: 58px;
    gap: 42px;
    padding: 0px 19px 0px 24px;
  }
}
@media (min-width: 992px) {
  .btn.themeBtn {
    height: 60px;
    gap: 45px;
    padding: 0px 20px 0px 26px;
  }
}
@media (min-width: 1200px) {
  .btn.themeBtn {
    height: 52px;
    gap: 48px;
    padding: 0px 22px 0px 28px;
  }
}
@media (min-width: 1360px) {
  .btn.themeBtn {
    height: 55px;
    gap: 50px;
    padding: 0px 24px 0px 29px;
  }
}
@media (min-width: 1440px) {
  .btn.themeBtn {
    height: 69px;
    gap: 54px;
    padding: 0px 26px 0px 31px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn {
    height: 71px;
    gap: 58px;
    padding: 0px 29px 0px 33px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn {
    height: 73px;
    gap: 60px;
    padding: 0px 30.5px 0px 35px;
  }
}
.btn.themeBtn svg {
  transform: translateX(0px);
  transition: 0.5s ease all;
}
.btn.themeBtn::before, .btn.themeBtn::after {
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.btn.themeBtn::before {
  width: 100%;
  background: linear-gradient(97deg, #8B0CE0 0.11%, #5E0C9E 50.5%, #340067 99.89%);
}
.btn.themeBtn::after {
  width: 0;
  transition: 0.5s ease all;
}
.btn.themeBtn:hover::after {
  background: #8A0CE1;
  width: 100%;
  transition: 0.5s ease all;
}
.btn.themeBtn:hover svg {
  transform: translateX(-15px);
  transition: 0.5s ease all;
}
.btn svg {
  height: auto;
  width: 20px;
}
@media (min-width: 768px) {
  .btn svg {
    width: 16px;
  }
}
@media (min-width: 1200px) {
  .btn svg {
    width: 18px;
  }
}
@media (min-width: 1360px) {
  .btn svg {
    width: 19px;
  }
}
@media (min-width: 1600px) {
  .btn svg {
    width: 20px;
  }
}

.btn-normal {
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: #5E0C9E;
  position: relative;
}
.btn-normal::after {
  width: 100%;
  height: 1px;
  background-color: #5E0C9E;
  bottom: 0;
  left: 0;
}
@media (min-width: 1200px) {
  .btn-normal::after {
    bottom: 5px;
  }
}
.btn-normal::before {
  z-index: 1;
  transition: 0.5s ease all;
  width: 0%;
  height: 1px;
  background-color: #E2FF06;
  bottom: 0;
  left: 0;
}
@media (min-width: 1200px) {
  .btn-normal::before {
    bottom: 5px;
  }
}
.btn-normal:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

h1, h2, .h2 {
  font-family: "IBM Plex Serif", serif;
}

h1, .banner-text-item strong {
  font-size: 28px;
  line-height: 100%;
}
@media (min-width: 768px) {
  h1, .banner-text-item strong {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  h1, .banner-text-item strong {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  h1, .banner-text-item strong {
    font-size: 36px;
  }
}
@media (min-width: 1360px) {
  h1, .banner-text-item strong {
    font-size: 42px;
  }
}
@media (min-width: 1440px) {
  h1, .banner-text-item strong {
    font-size: 45px;
  }
}
@media (min-width: 1600px) {
  h1, .banner-text-item strong {
    font-size: 50px;
  }
}
@media (min-width: 1900px) {
  h1, .banner-text-item strong {
    font-size: 55px;
  }
}

h2 span,
h3 span {
  font-family: "ArialRounded", serif;
}

h2, .h2,
h2 span {
  font-size: 24px;
  line-height: 118.182%;
}
@media (min-width: 768px) {
  h2, .h2,
  h2 span {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  h2, .h2,
  h2 span {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  h2, .h2,
  h2 span {
    font-size: 36px;
  }
}
@media (min-width: 1360px) {
  h2, .h2,
  h2 span {
    font-size: 38px;
  }
}
@media (min-width: 1440px) {
  h2, .h2,
  h2 span {
    font-size: 42px;
  }
}
@media (min-width: 1600px) {
  h2, .h2,
  h2 span {
    font-size: 49px;
  }
}
@media (min-width: 1900px) {
  h2, .h2,
  h2 span {
    font-size: 55px;
  }
}

h3,
.h3 {
  font-weight: 500;
  font-size: 21px;
  line-height: 100%;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 30px;
  }
}
@media (min-width: 1440px) {
  h3,
  .h3 {
    font-size: 32px;
  }
}
@media (min-width: 1600px) {
  h3,
  .h3 {
    font-size: 33px;
  }
}
@media (min-width: 1900px) {
  h3,
  .h3 {
    font-size: 36px;
  }
}

p {
  font-weight: 300;
}/*# sourceMappingURL=style.css.map */