@import "https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap";
/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-medium: 500;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    text-decoration: underline dotted;
  }

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .col-6 {
    grid-column: 6;
  }

  .col-12 {
    grid-column: 12;
  }

  .col-auto {
    grid-column: auto;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-2 {
    grid-row: 2;
  }

  .row-3 {
    grid-row: 3;
  }

  .row-4 {
    grid-row: 4;
  }

  .row-5 {
    grid-row: 5;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .me-0 {
    margin-inline-end: calc(var(--spacing) * 0);
  }

  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .\!grid {
    display: grid !important;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .table {
    display: table;
  }

  .h-100 {
    height: calc(var(--spacing) * 100);
  }

  .h-auto {
    height: auto;
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-1200 {
    width: calc(var(--spacing) * 1200);
  }

  .flex-1 {
    flex: 1;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .resize {
    resize: both;
  }

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

  .rounded {
    border-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

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

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

  .align-top {
    vertical-align: top;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

:root {
  --background: #fff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}


/* [project]/public/css/univariety.css [app-client] (css) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Jost, sans-serif;
}

@font-face {
  font-family: icomoon;
  src: url("../media/icomoon.4d662be3.eot");
  src: url("../media/icomoon.4d662be3.eot") format("embedded-opentype"), url("../media/icomoon.5f6ee8cd.woff2") format("woff2"), url("../media/icomoon.5bf7be10.ttf") format("truetype"), url("../media/icomoon.85268c64.woff") format("woff"), url("../media/icomoon.8592d86a.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: icomoon !important;
}

.icon-add-user:before {
  content: "";
}

.icon-notification:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-box:before {
  content: "";
}

.icon-brife-case:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-calender-time:before {
  content: "";
}

.icon-chat:before {
  content: "";
}

.icon-chat-invert:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-check-list:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-correct:before {
  content: "";
}

.icon-correct-invert:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

.icon-dashboard:before {
  content: "";
}

.icon-down-arrow:before {
  content: "";
}

.icon-down-arrow-invert:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-edit-pencil:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-goal:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-insert-picture-icon:before {
  content: "";
}

.icon-insert-picture-square:before {
  content: "";
}

.icon-invert-cross:before {
  content: "";
}

.icon-invert-down-arrow:before {
  content: "";
}

.icon-invert-play:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-laptop:before {
  content: "";
}

.icon-left-arrow:before {
  content: "";
}

.icon-like:before {
  content: "";
}

.icon-location-pin:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-log-in:before {
  content: "";
}

.icon-multiple-users:before {
  content: "";
}

.icon-pdf:before {
  content: "";
}

.icon-pdf-upload:before {
  content: "";
}

.icon-profit-report:before {
  content: "";
}

.icon-qualified:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-ribbon:before {
  content: "";
}

.icon-ribbon-invert:before {
  content: "";
}

.icon-right-arrow:before {
  content: "";
}

.icon-rupee:before {
  content: "";
}

.icon-rupee-invert:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-setting:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-shuttle:before {
  content: "";
}

.icon-shuttle-invert:before {
  content: "";
}

.icon-sound:before {
  content: "";
}

.icon-speak:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-study:before {
  content: "";
}

.icon-switch:before {
  content: "";
}

.icon-university:before {
  content: "";
}

.icon-up-arrow:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-upload-big-arrow:before {
  content: "";
}

.icon-user-invert:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-varified:before {
  content: "";
}

.icon-video-camera:before {
  content: "";
}

.icon-view:before {
  content: "";
}

.icon-world:before {
  content: "";
}

.icon-hat:before {
  content: "";
}

.w-1210 {
  width: 94%;
  max-width: 1210px;
}

.w-1200 {
  width: 94%;
  max-width: 1200px;
}

.w-1160 {
  width: 94%;
  max-width: 1160px;
}

.w-1080 {
  width: 94%;
  max-width: 1080px;
}

.w-1050 {
  width: 94%;
  max-width: 1050px;
}

.w-1000 {
  width: 94%;
  max-width: 1000px;
}

.w-980 {
  width: 94%;
  max-width: 980px;
}

.w-750 {
  width: 94%;
  max-width: 750px;
}

.w-720 {
  width: 94%;
  max-width: 720px;
}

.max-1140 {
  width: 94%;
  max-width: 1140px !important;
}

.max-1030 {
  width: 94%;
  max-width: 1030px;
}

.max-900 {
  width: 94%;
  max-width: 900px;
}

.max-600 {
  width: 94%;
  max-width: 600px;
}

.max-570 {
  width: 94%;
  max-width: 570px;
}

.max-350 {
  width: 94%;
  max-width: 350px;
}

.max-100per {
  width: 94%;
  max-width: 100% !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-31 {
  font-size: 31px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-70per, .font-80per {
  font-size: 70%;
}

.font-90per {
  font-size: 90%;
}

.flex-1 {
  flex: 1;
}

.bg_darkblue {
  background: #0d3453;
}

.bg-green {
  background: #5cae48;
}

.bg-maroon {
  background-color: #d9333d;
}

.bg_grdBlueWhite {
  background: linear-gradient(0deg, #fff 50%, #d1f1ff 100%);
}

.bg_grdBlueWhiteHorizon {
  background: linear-gradient(82deg, #ddfbff 0%, #b5e7ff 100%);
}

.bg-gray-F2F4F7 {
  background-color: #f2f4f7;
}

.bg-gray-EFEFEF {
  background-color: #efefef;
}

.bg-gray-f5 {
  background-color: #f5f5f5;
}

.bg-pink-ffeff1 {
  background-color: #ffeff1;
}

.bg-darker-blue {
  background-color: #0b3454;
}

.bg-pink-FFEFF1 {
  background-color: #ffeff1;
}

.bg-lite-orange {
  background-color: #fff8f5;
}

.bg-grdDrkblueLiteblue {
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#1fbaf0", endColorstr= "#112065", GradientType= 1);
  background: linear-gradient(208deg, #1fbaf0 0%, #112065 100%);
}

.lite-blue {
  background: #f5faff;
}

.text-darkblue {
  color: #0d3453;
}

.text-gray-64 {
  color: #646464;
}

.text-green {
  color: #5cae48;
}

.text-F1AC18 {
  color: #f1ac18;
}

.text-F05A2A {
  color: #f05a2a;
}

.headerNotification {
  z-index: 2;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  width: 96%;
  max-width: 990px;
  margin: auto;
  padding: 15px 20px;
  position: fixed;
  top: 120px;
  left: 0;
  right: 0;
  box-shadow: 0 0 20px #82808082;
}

.headerNotification p {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.headerNotification p span {
  font-weight: 500;
}

.headerNotification .btn-complete-now {
  color: #fff;
  background: #5bae47;
  border: 1px solid #5bae47;
  border-radius: 25px;
  width: 160px;
  height: 40px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .3s ease-in-out;
}

.headerNotification .btn-complete-now:before {
  display: none;
}

.headerNotification .btn-complete-now:hover {
  color: #25461d;
  background: #8dc67f;
}

.headerNotification .btn-close {
  width: 5px;
  height: 10px;
  font-size: 10px;
  display: block;
}

.stickyLinks {
  z-index: 9;
  flex-direction: column;
  width: 40px;
  display: flex;
  position: fixed;
  top: 270px;
  right: 0;
}

.stickyLinks a {
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  writing-mode: vertical-rl;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  align-items: center;
  margin: 2px 0;
  padding: 20px 0;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stickyLinks a.btn-connect {
  color: #fff;
  background-color: #4a8b3a;
}

.stickyLinks a.btn-connect:hover {
  background-color: #25461d;
}

.stickyLinks a.btn-featured {
  color: #fff;
  background-color: #f8b018;
}

.stickyLinks a.btn-featured:hover {
  background-color: #c68d13;
}

#notification_popup .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

#notification_popup p {
  font-size: 22px;
}

#notification_popup p b {
  font-weight: 500;
}

#notification_popup a {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background: #5cae48;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 150px;
  height: 40px;
  padding: 0 18px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

#notification_popup a:hover {
  background: #25461d;
}

header {
  z-index: 4;
  position: sticky;
  top: 0;
}

header .headerTop {
  background: linear-gradient(127deg, #0b3454 0%, #356184 100%);
  padding: 15px 0 20px;
  position: relative;
}

header .headerTop:before {
  content: "";
  background: linear-gradient(270deg, #f8b020 0% 20%, #ef5a2a 40%, #d42941 60%, #27a7df 80%, #51499c 100%);
  height: 5px;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

header .headerTop .mobile-new-header {
  background: linear-gradient(127deg, #0b3454 0%, #356184 100%);
  padding: 15px;
  position: relative;
}

header .headerTop .navbar-toggler {
  border: 0;
}

header .headerTop .navbar-toggler:focus {
  box-shadow: none;
  border: 0;
}

header .headerTop .navbar-toggler .navbar-toggler-icon {
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 20px;
  height: 18px;
  font-size: 0;
  display: flex;
}

header .headerTop .navbar-toggler .navbar-toggler-icon:before, header .headerTop .navbar-toggler .navbar-toggler-icon:after {
  content: "";
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  height: 2px;
  transition: all .3s ease-in-out;
  display: inline-block;
}

header .headerTop .navbar-toggler .navbar-toggler-icon b {
  background: #fff;
  border-radius: 5px;
  width: 100%;
  height: 2px;
  margin: auto;
  transition: all .3s ease-in-out;
}

header .headerTop .navbar-toggler .navbar-toggler-icon :before {
  transition: all .3s ease-in-out;
}

@media (width >= 992px) {
  header .headerTop #navbarNavDropdown {
    position: relative;
  }

  header .headerTop #navbarNavDropdown:hover {
    overflow: visible;
  }

  header .headerTop .nav-item {
    justify-content: center;
    display: flex;
    position: relative;
  }

  header .headerTop .nav-item:not(:last-child) {
    margin-right: 18px;
  }

  header .headerTop .nav-item .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item .nav-link.dropdown-toggle:after {
    vertical-align: top;
    border-top: 0 solid #0000;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 0 solid #0000;
    width: 9px;
    height: 9px;
    margin-top: 8px;
    margin-left: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  header .headerTop .nav-item .nav-link.btn-connect {
    background: #5cae48;
    border-radius: 25px;
    width: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  header .headerTop .nav-item .nav-link.btn-connect:hover {
    color: #fff;
    background: #efaa19;
  }

  header .headerTop .nav-item .nav-link.active, header .headerTop .nav-item .nav-link:hover {
    color: #5bae47;
  }

  header .headerTop .nav-item .nav-link.active:after, header .headerTop .nav-item .nav-link:hover:after {
    border-color: #0000 #0000 #5bae47 #5bae47;
  }

  header .headerTop .nav-item .nav-link.active i, header .headerTop .nav-item .nav-link:hover i {
    color: #fff;
  }

  header .headerTop .nav-item:hover .nav-link {
    color: #5bae47;
  }

  header .headerTop .nav-item:hover .nav-link:after {
    border-color: #0000 #0000 #5bae47 #5bae47;
  }

  header .headerTop .nav-item.dropdown .dropdown-list {
    z-index: -1;
    opacity: 0;
    height: 0;
    padding-top: 5px;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 150%;
  }

  header .headerTop .nav-item.dropdown .dropdown-list ul {
    text-align: left;
    background: #fff;
    border-top: 4px solid #5bae47;
    border-radius: 4px;
    min-width: 200px;
    padding: 0;
    list-style: none;
    position: relative;
    box-shadow: 0 10px 20px #0000001a;
  }

  header .headerTop .nav-item.dropdown .dropdown-list ul:before {
    content: "";
    border-bottom: 5px solid #5bae47;
    border-left: 5px solid #0000;
    border-right: 5px solid #0000;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li {
    z-index: 0;
    position: relative;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li i {
    font-size: 13px;
    position: absolute;
    top: 18px;
    right: 10px;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .dropdown-item {
    padding: 12px 45px 12px 15px;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .dropdown-item:hover {
    color: #fff;
    background: #5bae47;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:last-child .dropdown-item {
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list {
    opacity: 0;
    padding-left: 20px;
    transition: all .3s ease-in-out;
    display: block;
    position: absolute;
    top: -2px;
    left: calc(100% + 50px);
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul {
    border: 0 solid #5bae47;
    border-left-width: 4px;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul li .inner-item {
    white-space: nowrap;
    color: #000;
    padding: 12px 20px;
    font-weight: 500;
    text-decoration: none;
    display: block;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul li .inner-item:hover {
    color: #fff;
    background: #5bae47;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul li:first-child .inner-item {
    -ms-border-radius: 0px 4px 0 0;
    -o-border-radius: 0px 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul li:last-child .inner-item {
    -ms-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px;
    -moz-border-radius: 0 0 4px;
    border-radius: 0 0 4px;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li .inner-list ul:before {
    top: 23px;
    left: auto;
    right: calc(100% + 1px);
    transform: rotate(-90deg);
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:hover {
    z-index: 1;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:hover .dropdown-item {
    color: #fff;
    background: #5bae47;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:hover .inner-list {
    opacity: 1;
    left: 100%;
  }

  header .headerTop .nav-item.dropdown .dropdown-list li:hover i {
    color: #fff;
  }

  header .headerTop .nav-item.dropdown:hover .dropdown-list {
    z-index: 0;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
    top: 100%;
    box-shadow: 0 6px 12px #00000014;
  }

  header .headerTop .nav-item.custom-dropdown {
    position: static;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap {
    right: 0;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    min-width: 990px;
    padding: 0;
    overflow: hidden;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .left-pane {
    border-right: 1px solid #efefef;
    padding: 30px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .right-pane {
    padding: 30px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .right-pane .collapse {
    display: block;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .mobileToggle {
    pointer-events: none;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap h3 {
    pointer-events: none;
    font-size: 20px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap i.icon-right-arrow {
    display: none;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list {
    box-shadow: none;
    visibility: visible;
    border: none;
    display: block;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list:before {
    display: none;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list li {
    border: none;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list li:not(:last-child) {
    margin-bottom: 8px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a {
    color: #000;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    display: flex;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a i {
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: #0000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    transition: all .3s ease-in-out;
    display: flex;
    position: static;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a i img {
    width: 35px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a b {
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a b + span {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #9d9d9d;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    transition: all .3s ease-in-out;
    display: -webkit-box;
    overflow: hidden;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a:hover {
    background-color: #fbeaec;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a:hover i {
    background-color: #fff;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a:hover b {
    color: #d42941;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .custom-dropdown-list a:hover span {
    color: #d83e54;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .bottom-link {
    background: #5bae47;
    border-top: 1px solid #efefef;
    padding: 20px;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .bottom-link .arrow-link {
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .bottom-link .arrow-link i {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' stroke='' stroke-linecap='' stroke-linejoin='' stroke-width='1' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5.854 8.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    transition: all .3s ease-in-out;
    display: inline-block;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .bottom-link .arrow-link:hover {
    color: #000;
  }

  header .headerTop .nav-item.custom-dropdown .custom-dropdown-wrap .custom-dropdown-list-wrap .bottom-link .arrow-link:hover i {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000000' stroke='' stroke-linecap='' stroke-linejoin='' stroke-width='1' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5.854 8.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3e%3c/svg%3e");
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@media (width <= 991px) {
  header .headerTop #navbarNavDropdown {
    overflow: auto;
  }

  header .headerTop .nav-item:not(:last-child) {
    border-bottom: 1px solid #c9c9c9;
  }

  header .headerTop .nav-item:last-child {
    padding: 10px;
    display: flex;
  }

  header .headerTop .nav-item .nav-link {
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }

  header .headerTop .nav-item .nav-link.dropdown-toggle:after {
    vertical-align: top;
    border-top: 0 solid #0000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 0 solid #0000;
    width: 9px;
    height: 9px;
    margin-left: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  header .headerTop .nav-item .nav-link.active, header .headerTop .nav-item .nav-link:hover {
    color: #5bae47;
  }

  header .headerTop .nav-item .nav-link.active:after, header .headerTop .nav-item .nav-link:hover:after {
    border-color: #0000 #0000 #5bae47 #5bae47;
  }

  header .headerTop .nav-item .nav-link.btn-connect {
    color: #fff;
    background: #5cae48;
    border-radius: 25px;
    width: auto;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  header .headerTop .nav-item .nav-link.btn-connect:hover {
    color: #fff;
    background: #efaa19;
  }

  header .headerTop .nav-item ul {
    background: #5bae47;
    padding: 0;
  }

  header .headerTop .nav-item ul li {
    position: relative;
  }

  header .headerTop .nav-item ul li:not(:last-child) {
    border-bottom: 1px solid #489935;
  }

  header .headerTop .nav-item ul li i {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    font-size: 14px;
    transition: all .3s ease-in-out;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  header .headerTop .nav-item ul li i[aria-expanded="true"] {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  header .headerTop .nav-item ul li .dropdown-item {
    color: #fff;
    padding: 15px 20px;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item ul li .dropdown-item:hover {
    background-color: #489935;
  }

  header .headerTop .nav-item ul li ul {
    background: #4fa53a;
  }

  header .headerTop .nav-item .inner-item {
    color: #fff;
    padding: 15px;
    text-decoration: none;
    display: flex;
  }

  header .headerTop .nav-item .inner-item:hover {
    background-color: #489935;
  }

  header .headerTop .nav-item .custom-dropdown-list-wrap div.left-pane, header .headerTop .nav-item .custom-dropdown-list-wrap div.right-pane {
    position: relative;
  }

  header .headerTop .nav-item .custom-dropdown-list-wrap h3 {
    color: #fff;
    background: #5bae47;
    border-bottom: 1px solid #459f30;
    margin: 0;
    padding: 16px 14px;
    font-size: 16px;
  }

  header .headerTop .nav-item .custom-dropdown-list-wrap i.icon-right-arrow {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    font-size: 14px;
    transition: all .3s ease-in-out;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  header .headerTop .nav-item .custom-dropdown-list-wrap i.icon-right-arrow[aria-expanded="true"] {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  header .headerTop .nav-item .custom-dropdown-list {
    box-shadow: none;
    border: none;
  }

  header .headerTop .nav-item .custom-dropdown-list:before {
    display: none;
  }

  header .headerTop .nav-item .custom-dropdown-list li {
    border-bottom: 1px solid #489935;
  }

  header .headerTop .nav-item .custom-dropdown-list a {
    color: #fff;
    border-radius: 5px;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    display: flex;
  }

  header .headerTop .nav-item .custom-dropdown-list a i {
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: #f9f9f9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    transition: all .3s ease-in-out;
    display: flex;
    position: static;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  header .headerTop .nav-item .custom-dropdown-list a i img {
    -webkit-filter: brightness(0) invert(0);
    width: 35px;
  }

  header .headerTop .nav-item .custom-dropdown-list a b {
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in-out;
  }

  header .headerTop .nav-item .custom-dropdown-list a b + span {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #c1fdb9;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    transition: all .3s ease-in-out;
    display: -webkit-box;
    overflow: hidden;
  }

  header .headerTop .nav-item .custom-dropdown-list a:hover {
    background-color: #e4fbeb;
  }

  header .headerTop .nav-item .custom-dropdown-list a:hover i {
    background-color: #5bae47;
  }

  header .headerTop .nav-item .custom-dropdown-list a:hover i img {
    -webkit-filter: brightness(0) invert();
  }

  header .headerTop .nav-item .custom-dropdown-list a:hover b {
    color: #5bae47;
  }

  header .headerTop .nav-item .custom-dropdown-list a:hover span {
    color: #586a54;
  }

  header .headerTop .nav-item .bottom-link {
    background: #f6fcff;
    border-top: 1px solid #efefef;
    padding: 15px 20px;
  }

  header .headerTop .nav-item .bottom-link .arrow-link {
    color: #5bae47;
    align-items: center;
    font-size: 18px;
    text-decoration: none;
    display: flex;
  }

  header .headerTop .nav-item .bottom-link .arrow-link i {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23343a40' stroke='' stroke-linecap='' stroke-linejoin='' stroke-width='1' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5.854 8.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    transition: all .3s ease-in-out;
    display: inline-block;
  }

  header .headerTop .nav-item .bottom-link .arrow-link:hover {
    color: #0d3453;
  }

  header .headerTop .nav-item .bottom-link .arrow-link:hover i {
    -webkit-filter: invert(61%) sepia(10%) saturate(2692%) hue-rotate(63deg) brightness(97%) contrast(81%);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}

main {
  position: relative;
}

main .custom_dark_banner {
  background: linear-gradient(127deg, #0b3454 0%, #356184 100%);
}

main .custom_dark_banner h1 {
  color: #fff;
  font-size: 48px;
  line-height: 55px;
}

main .alumni_impact_banner {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/alumni-impact-globe.svg") bottom / cover no-repeat;
  min-height: 680px;
}

@media (width <= 1300px) {
  main .alumni_impact_banner {
    background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/alumni-impact-globe.svg") 100% 100% / auto 100% no-repeat;
  }
}

main .success_banner {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/success-story-header-bg.svg") bottom / cover no-repeat;
}

main .career_guidance_program_banner {
  background: linear-gradient(256deg, #ffeae2 0%, #fff8f5 33%, #fdfdff 53%, #ffefea 100%) no-repeat padding-box padding-box;
}

main .client_banner {
  background: linear-gradient(258deg, #bdddf6 0%, #fff8f5 33%, #fdfdff 53%, #c4e0f6 100%) no-repeat padding-box padding-box;
}

main .client_banner h1 {
  color: #000;
}

main address ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

main address ul li {
  padding: 0 0 0 40px;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}

main address ul li i {
  color: #5bae47;
  position: absolute;
  top: 6px;
  left: 4px;
}

main address ul li.mobile {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/phone_icon.svg") 0 3px / 22px no-repeat;
}

main address ul li.mail {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/email_icon.svg") 0 8px / 22px no-repeat;
}

main address ul li.location {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/map_icon.svg") 0 1px / 22px no-repeat;
}

main address ul li:not(:last-child) {
  margin-bottom: 10px;
}

main address ul li a {
  color: #000;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

main address ul li a:hover {
  color: #5bae47;
}

main .bg-graph {
  position: relative;
}

main .bg-graph:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/header-graph.png") no-repeat;
  width: 702px;
  height: 453px;
  position: absolute;
  bottom: -50px;
  right: -30px;
}

main .about_banner {
  background: linear-gradient(256deg, #fff3db 0%, #fff7e5 33%, #fff 53%, #ffebee 100%) no-repeat padding-box padding-box;
  padding: 100px 0;
}

@media (width <= 767px) {
  main .about_banner {
    padding: 50px 0;
  }
}

main .about_banner h1 {
  color: #000;
}

main .headerBanner h1 {
  letter-spacing: -1.2px;
  margin-bottom: 30px;
  font-weight: 600;
}

@media (width <= 575px) {
  main .headerBanner h1 {
    font-size: 38px;
    line-height: 45px;
  }
}

main .headerBanner .green-tick ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

main .headerBanner .green-tick ul li {
  letter-spacing: -.55px;
  color: #fff;
  padding-left: 27px;
  font-size: 22px;
  font-weight: 500;
  position: relative;
}

main .headerBanner .green-tick ul li:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/tick-inside-circle.svg") 0 0 / 100% no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  left: 0;
}

main .headerBanner .green-tick ul li:not(:last-child) {
  margin-bottom: 10px;
}

main .headerBanner h1 {
  font-size: 45px;
  line-height: 50px;
}

main .horizontal-scroll {
  scrollbar-width: thin;
  overflow: auto visible;
}

main .horizontal-scroll::-webkit-scrollbar {
  height: 4px;
}

main .horizontal-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

main .horizontal-scroll::-webkit-scrollbar-thumb {
  background: #888;
}

main .horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main .horizontal-scroll .banner-white-block-wrap {
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
  display: flex;
}

main .horizontal-scroll .banner-white-block-wrap li {
  flex: 1;
}

main .horizontal-scroll .banner-white-block-wrap li:not(:last-child) {
  margin-right: 20px;
}

main .banner-white-block {
  background: #fff no-repeat padding-box padding-box;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 4px #0d34531a;
}

@media (width <= 800px) {
  main .banner-white-block {
    justify-content: start;
  }
}

main .banner-white-block .blockBrife {
  color: #0d3453;
}

main .banner-white-block .blockBrife .number {
  align-items: center;
  margin-bottom: 3px;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  display: flex;
}

main .banner-white-block .blockBrife .number.plus-mark:after {
  content: "+";
  margin-top: -5px;
  margin-left: 5px;
  font-size: 24px;
  font-weight: 400;
}

main .banner-white-block .blockBrife span.plus {
  margin-top: -5px;
  margin-left: 5px;
  font-size: 24px;
  font-weight: 400;
}

main .banner-white-block .blockBrife .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

main .podastBanner {
  background-color: #003457;
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/website/images/gradient-blue.png");
  background-position: right 24% bottom;
  background-repeat: no-repeat;
}

main .podastBanner h1 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 70px;
  font-weight: 600;
  line-height: 75px;
}

@media (width <= 575px) {
  main .podastBanner h1 {
    font-size: 38px;
    line-height: 45px;
  }
}

main .podastBanner h2 {
  color: #fff;
  text-align: left;
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
}

main .podastBanner p {
  color: #000;
}

main .btn-bookdemo {
  color: #fff;
  border-radius: 23px;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

main .btn-bookdemo.grdGreenBlue.enlarge-277:before {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 300px;
  height: 300px;
}

main .btn-bookdemo.grdGreenBlue.btn-download:before {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

main .btn-bookdemo.grdGreenBlue .icon-play {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
}

main .btn-bookdemo.grdGreenBlue .icon-play:before {
  content: "";
  border-top: 4px solid #0000;
  border-bottom: 4px solid #0000;
  border-left: 5px solid #5bae47;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
}

main .btn-bookdemo.grdGreenBlue .icon-pdf {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/pdf-file.svg") 0 0 / 21px 26px no-repeat;
  width: 21px;
  height: 26px;
  position: relative;
}

main .btn-bookdemo.grdGreenBlue:hover .icon-play:before {
  border-left: 5px solid #29a7d6;
}

main .btn-bookdemo.grdGreenBlue:before {
  content: "";
  background: linear-gradient(271deg, #26a7df 0%, #5bae47 100%) no-repeat padding-box padding-box;
  width: 110%;
  height: 400%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .btn-bookdemo.grdBlueGreen.enlarge-277:before {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 300px;
  height: 300px;
}

main .btn-bookdemo.grdBlueGreen.btn-download:before {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

main .btn-bookdemo.grdBlueGreen .icon-play {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
}

main .btn-bookdemo.grdBlueGreen .icon-play:before {
  content: "";
  border-top: 4px solid #0000;
  border-bottom: 4px solid #0000;
  border-left: 5px solid #5bae47;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
}

main .btn-bookdemo.grdBlueGreen .icon-pdf {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/pdf-file.svg") 0 0 / 21px 26px no-repeat;
  width: 21px;
  height: 26px;
  position: relative;
}

main .btn-bookdemo.grdBlueGreen:hover .icon-play:before {
  border-left: 5px solid #29a7d6;
}

main .btn-bookdemo.grdBlueGreen:before {
  content: "";
  background: linear-gradient(280deg, #003457 0%, #5cae48 100%) no-repeat padding-box padding-box;
  width: 110%;
  height: 400%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .btn-bookdemo.grdOrangeGold {
  width: 196px;
}

main .btn-bookdemo.grdOrangeGold:before {
  content: "";
  background: linear-gradient(271deg, #f05a2a 0%, #f8b018 100%) no-repeat padding-box padding-box;
  width: 200%;
  height: 500%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .btn-bookdemo.grdBlueLavender {
  width: 196px;
}

main .btn-bookdemo.grdBlueLavender:before {
  content: "";
  background: linear-gradient(271deg, #51499c 0%, #26a7df 100%) no-repeat padding-box padding-box;
  width: 150%;
  height: 600%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .btn-bookdemo:hover:before {
  transform: translate3d(-50%, -50%, 0)rotate(-180deg);
}

main .btn-bookdemo span {
  padding-top: 2px;
  position: relative;
}

main h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
}

@media (width <= 767px) {
  main h2 {
    font-size: 30px;
  }
}

main p {
  letter-spacing: 0;
  color: #0d3453;
  text-align: center;
  margin-bottom: 35px;
  font-size: 20px;
  font-weight: 400;
}

main ul.tick {
  margin: 0 0 20px;
  padding-left: 40px;
  list-style: none;
}

main ul.tick li {
  font-size: 18px;
  position: relative;
}

main ul.tick li:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/check-mark.svg") no-repeat;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: -27px;
}

main ul.tick ol li:before, main ul.tick.no li:before {
  display: none;
}

main ul.tick a {
  color: #5bae47;
}

main ul.tick a:hover {
  color: #0d3453;
  text-decoration: none;
}

main .coreServices {
  padding: 70px 0 100px;
}

@media (width <= 767px) {
  main .coreServices {
    padding: 50px 0;
  }
}

main .coreServices .coreServicesBlock {
  opacity: 1;
  text-align: center;
  border: 1px solid #0d34531a;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px 20px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
}

main .coreServices .coreServicesBlock ul {
  opacity: 0;
  border-top: 1px solid #71564a30;
  flex-wrap: wrap;
  justify-content: center;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 16px;
  list-style: none;
  transition: all .3s ease-in-out;
  display: flex;
  overflow: hidden;
}

main .coreServices .coreServicesBlock li {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

main .coreServices .coreServicesBlock li.title {
  width: 100%;
  font-weight: 500;
  list-style: none;
}

main .coreServices .coreServicesBlock li.title:before {
  display: none;
}

main .coreServices .coreServicesBlock li:before {
  content: "•";
  vertical-align: top;
  width: 1em;
  margin-top: 4px;
  font-weight: bold;
  display: inline-block;
}

main .coreServices .coreServicesBlock.litePink {
  background: linear-gradient(299deg, #f8dde1 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.litePink:hover {
  background: linear-gradient(#fff9fa 0%, #f8dde1 100%);
}

main .coreServices .coreServicesBlock.litePink li:before, main .coreServices .coreServicesBlock.litePink ul {
  color: #6f5347;
}

main .coreServices .coreServicesBlock.liteBlue {
  background: linear-gradient(300deg, #ddf1fa 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.liteBlue:hover {
  background: linear-gradient(#f1f6f8 0%, #ddf1fa 100%);
}

main .coreServices .coreServicesBlock.liteBlue li:before, main .coreServices .coreServicesBlock.liteBlue ul {
  color: #278ed3;
}

main .coreServices .coreServicesBlock.liteOrgane {
  background: linear-gradient(300deg, #fde4dd 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.liteOrgane:hover {
  background: linear-gradient(#fffbfa 0%, #ffede6 100%);
}

main .coreServices .coreServicesBlock.liteOrgane li:before, main .coreServices .coreServicesBlock.liteOrgane ul {
  color: #f08061;
}

main .coreServices .coreServicesBlock.liteGold {
  background: linear-gradient(300deg, #fcf1d8 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.liteGold:hover {
  background: linear-gradient(#faf8f2 0%, #fcf1d8 100%);
}

main .coreServices .coreServicesBlock.liteGold li:before, main .coreServices .coreServicesBlock.liteGold ul {
  color: #634b13;
}

main .coreServices .coreServicesBlock.liteGreen {
  background: linear-gradient(300deg, #e5f2e1 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.liteGreen:hover {
  background: linear-gradient(#f1f7ef 0%, #e5f2e1 100%);
}

main .coreServices .coreServicesBlock.liteGreen li:before, main .coreServices .coreServicesBlock.liteGreen ul {
  color: #354e2d;
}

main .coreServices .coreServicesBlock.liteLavender {
  background: linear-gradient(300deg, #deddec 0%, #fff 14% 100%);
}

main .coreServices .coreServicesBlock.liteLavender:hover {
  background: linear-gradient(#f5f5ff 0%, #deddec 100%);
}

main .coreServices .coreServicesBlock.liteLavender li:before, main .coreServices .coreServicesBlock.liteLavender ul {
  color: #7e79c7;
}

main .coreServices .coreServicesBlock .icon {
  margin-bottom: 10px;
}

main .coreServices .coreServicesBlock h3 {
  letter-spacing: -.5px;
  color: #0d3453;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}

main .coreServices .coreServicesBlock p {
  letter-spacing: 0;
  color: #0d3453;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

main .coreServices .coreServicesBlock .btn-readmore {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/down-arrow.svg") right 10px bottom 10px no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

main .coreServices .coreServicesBlock:hover {
  z-index: 1;
  box-shadow: 0 0 50px #fdede8;
}

@media (width >= 1000px) {
  main .coreServices .coreServicesBlock:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media (width >= 1336px) {
  main .coreServices .coreServicesBlock:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
}

main .coreServices .coreServicesBlock:hover h3 {
  font-size: 16px;
}

main .coreServices .coreServicesBlock:hover p {
  font-size: 14px;
}

main .coreServices .coreServicesBlock:hover Ul {
  opacity: 1;
  height: auto;
  margin: 20px 0 0;
  padding: 17px 0 0;
  font-size: 14px;
}

main .coreServices .coreServicesBlock:hover .btn-readmore {
  background: none;
}

main .partners {
  background: #f7f9fa;
  padding: 90px 0 100px;
}

@media (width <= 767px) {
  main .partners {
    padding: 50px 0;
  }
}

main .partners .partnersBlock {
  opacity: 1;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}

main .partners .partnersBlock .partnersBlockImg {
  overflow: hidden;
}

main .partners .partnersBlock .partnersBlockImg img {
  transition: all .3s ease-in-out;
}

main .partners .partnersBlock .partnersBlockTitle {
  flex-wrap: wrap;
  align-items: start;
  padding: 24px 30px;
  display: flex;
}

main .partners .partnersBlock .partnersBlockTitle .TitleDetail {
  width: calc(100% - 50px);
  padding-right: 30px;
}

main .partners .partnersBlock .partnersBlockTitle .TitleDetail h4 {
  color: #0d3453;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

main .partners .partnersBlock .partnersBlockTitle .TitleDetail p {
  color: #0d3453;
  text-align: left;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

main .partners .partnersBlock .partnersBlockTitle .btn-play {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: all .3s ease-in-out;
  position: relative;
}

main .partners .partnersBlock .partnersBlockTitle .btn-play:before {
  content: "";
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  border-left: 12px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 17px;
  left: 21px;
}

main .partners .partnersBlock .partnersBlockTitle .btn-play.bg-maroon {
  background-color: #d9333d;
}

main .partners .partnersBlock .partnersBlockTitle .btn-play.bg-maroon:hover {
  background: #5bae47;
}

main .partners .partnersBlock.schools .btn-play {
  background: #26a7df;
}

main .partners .partnersBlock.schools .btn-play:hover {
  background: #135470;
}

main .partners .partnersBlock.universities .btn-play {
  background: #51499c;
}

main .partners .partnersBlock.universities .btn-play:hover {
  background: #29254e;
}

main .partners .partnersBlock.counsellors .btn-play {
  background: #f05a2a;
}

main .partners .partnersBlock.counsellors .btn-play:hover {
  background: #782d15;
}

main .partners .partnersBlock:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

main .insights {
  padding: 90px 0 100px;
}

@media (width <= 767px) {
  main .insights {
    padding: 50px 0;
  }
}

main .insights .insightsSlider .insightBlock {
  background: #fff;
  border: 1px solid #0d34531a;
  border-radius: 15px;
  height: 100%;
  overflow: hidden;
}

main .insights .insightsSlider .insightBlockImg {
  vertical-align: top;
  position: relative;
}

main .insights .insightsSlider .insightBlockImg a {
  vertical-align: top;
  width: 100%;
  display: inline-block;
}

main .insights .insightsSlider .insightBlockImg .badge {
  z-index: 4;
  border-radius: 15px;
  padding: 5px 17px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  right: 20px;
}

main .insights .insightsSlider .insightBlockImg .badge.school-marketing {
  background: #26a7df;
}

main .insights .insightsSlider .insightBlockImg .badge.alumni-impact {
  background: #d42941;
}

main .insights .insightsSlider .insightBlockImg .badge.student-guidance {
  background: #f8b018;
}

main .insights .insightsSlider .insightBlockBrife {
  padding: 24px 30px;
}

main .insights .insightsSlider .insightBlockBrife h5 {
  letter-spacing: 0;
  color: #0d3453;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

main .insights .insightsSlider .insightBlockBrife h5 a {
  color: #0d3453;
  text-decoration: none;
}

main .insights .insightsSlider .insightBlockBrife p {
  letter-spacing: 0;
  color: #0d3453;
  opacity: .7;
  text-align: left;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

main .insights .insightsSlider.owl-theme .owl-nav button {
  opacity: 1;
  width: 40px;
  height: 40px;
  filter: alpha(opacity= 100);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #0d345333;
  border-radius: 15px;
  margin: auto;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

main .insights .insightsSlider.owl-theme .owl-nav button.owl-next {
  left: auto;
  right: -70px;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
}

main .insights .insightsSlider.owl-theme .owl-nav button.disabled {
  opacity: .5;
  filter: alpha(opacity= 50);
}

@media (width <= 1336px) {
  main .insights .insightsSlider.owl-theme .owl-nav button {
    left: -55px;
  }

  main .insights .insightsSlider.owl-theme .owl-nav button.owl-next {
    right: -55px;
  }
}

main .insights .btn-insights {
  text-align: center;
  letter-spacing: 0;
  color: #0d3453;
  text-transform: uppercase;
  border: 1px solid #0d3453;
  border-radius: 23px;
  justify-content: center;
  align-items: center;
  width: 96%;
  max-width: 426px;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

main .insights .btn-insights:hover {
  color: #fff;
  background: #0d3453;
}

main .connect {
  background: #5bae47;
  padding: 100px 0;
}

@media (width <= 767px) {
  main .connect {
    padding: 50px 0;
  }
}

main .connect h2 {
  color: #fff;
  margin-bottom: 30px;
}

main .connect .form-control, main .connect .form-select {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  max-width: 100%;
  height: 50px;
}

main .connect .btn-submit {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 350px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

main .connect .btn-submit:hover {
  color: #5bae47;
  background-color: #fff;
}

main .alumniImpactProgram {
  padding: 0 0 100px;
}

@media (width <= 767px) {
  main .alumniImpactProgram {
    padding: 0 0 50px;
  }
}

main .alumniImpactProgram .owl-carousel .owl-stage-outer {
  overflow: visible;
}

main .alumniImpactProgram .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
}

main .alumniImpactProgram .owl-carousel .owl-stage-outer .owl-stage .item {
  height: 100%;
}

main .alumniImpactProgram .owl-carousel .owl-nav:not(.disabled) {
  display: flex;
}

main .alumniImpactProgram .owl-carousel .owl-nav button {
  opacity: 1;
  width: 40px;
  height: 40px;
  filter: alpha(opacity= 100);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #0d345333;
  border-radius: 15px;
  font-size: 0;
  left: -70px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

main .alumniImpactProgram .owl-carousel .owl-nav button:hover {
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

main .alumniImpactProgram .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -70px;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
}

main .alumniImpactProgram .owl-carousel .owl-nav button.disabled {
  opacity: .5;
  filter: alpha(opacity= 50);
}

@media (width <= 1336px) {
  main .alumniImpactProgram .owl-carousel .owl-nav button {
    left: -55px;
  }

  main .alumniImpactProgram .owl-carousel .owl-nav button.owl-next {
    right: -55px;
  }
}

main .alumniImpactProgramBlock {
  opacity: 1;
  background: #fff no-repeat padding-box padding-box;
  border: 2px solid #0d34531a;
  border-radius: 15px;
  flex-direction: column;
  width: 350px;
  height: 100%;
  padding: 30px;
  display: flex;
}

@media (width <= 1336px) {
  main .alumniImpactProgramBlock {
    width: 300px;
  }
}

main .alumniImpactProgramBlock .icon {
  width: 48px;
  margin-bottom: 20px;
}

main .alumniImpactProgramBlock h4 {
  letter-spacing: -.5px;
  color: #0d3453;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

main .alumniImpactProgramBlock p {
  letter-spacing: 0;
  color: #0d3453;
  opacity: .8;
  text-align: left;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
}

main .alumniImpactProgramBlock a {
  letter-spacing: -.3px;
  color: #5bae47;
  text-transform: uppercase;
  margin-top: auto;
  margin-left: auto;
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  position: relative;
}

main .alumniImpactProgramBlock a:before {
  content: "";
  -webkit-filter: invert(51%) sepia(91%) saturate(313%) hue-rotate(63deg) brightness(98%) contrast(86%);
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/down-arrow.svg") 0 0 / 9px no-repeat;
  width: 9px;
  height: 9px;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 8px;
  right: 0;
}

main .alumniImpactProgramBlock a:hover {
  color: #0d3453;
}

main .alumniImpactProgramBlock a:hover:before {
  -webkit-filter: invert() brightness(0);
  right: -5px;
}

main .trustedCompanies {
  background-color: #f7f9fa;
  padding: 90px 0 100px;
}

@media (width <= 767px) {
  main .trustedCompanies {
    padding: 50px 0;
  }
}

main .owl-carousel .owl-stage {
  display: flex;
}

main .owl-carousel .owl-stage .item {
  height: 100%;
}

main .owl-carousel .owl-stage .item .logo-block {
  text-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  max-width: 180px;
  height: 100%;
  padding: 10px 20px;
  display: flex;
}

main .owl-carousel .owl-stage .item .logo-block .img {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

main .owl-carousel .owl-stage .item .logo-block img {
  width: auto;
  max-width: 100%;
  max-height: 100px;
}

main .owl-carousel .owl-stage .item .logo-block .college-name {
  text-align: center;
  color: #fff;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  opacity: 0;
  background: #000000bf;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 20px;
  transition: all .3s ease-in-out;
  display: flex;
  position: absolute;
  inset: 100% 0 0;
  overflow: hidden;
}

main .owl-carousel .owl-stage .item .logo-block:hover .college-name {
  opacity: 1;
  top: 0;
}

main .faq {
  padding: 100px 0;
}

main .faq h2 {
  text-align: left;
}

main .faq p {
  text-align: left;
  color: #000;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
}

main .faq p.text-darkblue {
  color: #0d3453;
}

main .faq .accordion-item {
  border: 0 dashed #697d8d90;
  border-bottom-width: 1px;
}

main .faq .accordion-item .accordion-button {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: none;
  background: none;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 25px 0 25px 35px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

main .faq .accordion-item .accordion-button:not([aria-expanded="false"]) {
  color: #000;
  padding: 25px 0 10px 35px;
}

main .faq .accordion-item .accordion-button:not([aria-expanded="false"]):after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

main .faq .accordion-item .accordion-button:after {
  -webkit-filter: invert(50%) sepia(90%) saturate(317%) hue-rotate(63deg) brightness() contrast(86%);
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  left: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

main .faq .accordion-item .accordion-body {
  padding: 0 0 25px 35px;
}

main .faq .accordion-item .accordion-body p:not(:last-child) {
  margin-bottom: 15px;
}

main .tab-section {
  border-bottom: 1px solid #dfdfdf;
}

main .tab-section .nav {
  justify-content: space-between;
}

@media (width <= 767px) {
  main .tab-section .nav {
    scrollbar-width: thin;
    overflow: auto visible;
  }

  main .tab-section .nav::-webkit-scrollbar {
    height: 4px;
  }

  main .tab-section .nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  main .tab-section .nav::-webkit-scrollbar-thumb {
    background: #888;
  }

  main .tab-section .nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

main .tab-section .nav .nav-item .nav-link {
  color: #0d3453;
  background: none;
  padding-bottom: 15px;
  font-size: 20px;
  line-height: 20px;
  transition: all .3s ease-in-out;
  position: relative;
}

@media (width <= 820px) {
  main .tab-section .nav .nav-item .nav-link {
    font-size: 18px;
  }
}

main .tab-section .nav .nav-item .nav-link.active {
  font-weight: 600;
}

main .tab-section .nav .nav-item .nav-link.active:before {
  width: 100%;
}

main .tab-section .nav .nav-item .nav-link:before {
  content: "";
  background: #5bae47;
  width: 0;
  height: 3px;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

main .client-logo {
  background: #fff no-repeat padding-box padding-box;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 110px;
  display: flex;
}

@media (width <= 480px) {
  main .client-logo {
    width: 150px;
  }
}

main .client-name {
  text-align: center;
  color: #0d3453;
  width: 180px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (width <= 480px) {
  main .client-name {
    width: 150px;
  }
}

main .why_choose_block {
  background: #0d3453;
  border-bottom: 1px solid #135470;
  padding: 100px 0;
}

@media (width <= 767px) {
  main .why_choose_block {
    padding: 50px 0;
  }
}

main .why_choose_block h2 {
  color: #fff;
  margin-bottom: 40px;
}

main .why_choose_block .why_choose_wrapper {
  display: flex;
}

main .why_choose_block .why_choose_wrapper > div {
  width: 20%;
}

main .why_choose_block .why_choose_wrapper > div:not(:last-child) {
  margin-right: 20px;
}

main .why_choose_block .why_choose_wrapper > div a {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all .3s ease-in-out;
  display: inline-block;
  overflow: hidden;
}

main .why_choose_block .why_choose_wrapper > div a.play-button {
  border-radius: 4px;
  margin: 0 0 20px;
  position: relative;
  overflow: hidden;
}

main .why_choose_block .why_choose_wrapper > div a.play-button:before {
  content: "";
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 34px;
  height: 34px;
  box-sizing: unset;
  z-index: 1;
  background: #5bae47 padding-box content-box;
  border: 3px solid #fff9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  inset: auto 10px 10px auto;
}

main .why_choose_block .why_choose_wrapper > div a.play-button:hover:before {
  background: #3f8d2c;
}

main .why_choose_block .why_choose_wrapper > div a.play-button:after {
  content: "";
  z-index: 2;
  border-top: 7px solid #0000;
  border-bottom: 7px solid #0000;
  border-left: 12px solid #fff;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
  inset: auto 22px 23px auto;
}

main .why_choose_block .why_choose_wrapper > div a img {
  transition: all .3s ease-in-out;
}

main .why_choose_block .why_choose_wrapper > div a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

main .why_choose_block .why_choose_wrapper > div h3 {
  color: #fff;
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 32px;
}

main .why_choose_block .why_choose_wrapper > div p {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 18px;
}

@media (width <= 800px) {
  main .why_choose_block .why_choose_wrapper {
    scrollbar-width: thin;
    padding-bottom: 25px;
    overflow-x: auto;
  }

  main .why_choose_block .why_choose_wrapper::-webkit-scrollbar {
    height: 4px;
  }

  main .why_choose_block .why_choose_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  main .why_choose_block .why_choose_wrapper::-webkit-scrollbar-thumb {
    background: #888;
  }

  main .why_choose_block .why_choose_wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  main .why_choose_block .why_choose_wrapper > div {
    width: 210px;
    min-width: 210px;
    max-width: 21px;
  }
}

main .univarietysJourney {
  background: linear-gradient(0deg, #fff 50%, #d1f1ff 100%);
  padding: 100px 0;
}

@media (width <= 767px) {
  main .univarietysJourney {
    padding: 50px 0;
  }
}

main .univarietysJourney .univarietysJourneyWrap {
  margin-top: 60px;
  position: relative;
}

main .univarietysJourney .univarietysJourneyWrap .univarietysJourneyCenterLine {
  z-index: 2;
  background: #5bae47;
  border-radius: 4px;
  width: 5px;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .univarietysJourneyCenterLine {
    right: auto;
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont {
  z-index: 9;
  width: calc(50% - 55px);
  padding: 78px 0 0;
  position: relative;
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .uj_boxcont {
    width: 100%;
    padding: 30px 0 0 30px;
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block {
  background: #fff;
  border: 1px solid #85bae4;
  border-radius: 4px;
  padding: 35px 30px 40px 40px;
  position: relative;
  box-shadow: 0 5px #d5ecff;
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block ul.bullettick {
  margin: 0 0 25px;
  padding: 0;
  list-style: inside;
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block ul.bullettick li {
  padding: 0 0 0 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  list-style: none;
  position: relative;
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block ul.bullettick li:before {
  content: "";
  border-bottom: 3px solid #5bad49;
  border-left: 3px solid #5bad49;
  width: 13px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block:before {
  content: "";
  background: #fff;
  border-top: 1px solid #85bae4;
  border-right: 1px solid #85bae4;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 30px;
  right: -8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 -2px #d5ecff;
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block:before {
    left: -8px;
    right: auto;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block:after {
  content: "";
  background: #5bae47;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  margin: auto;
  position: absolute;
  top: 27px;
  right: -66px;
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year .uj_boxcont_block:after {
    left: -38px;
    right: auto;
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year:nth-child(2n) {
  -webkit-transform: translateX(calc(100% + 110px));
  -moz-transform: translateX(calc(100% + 110px));
  -ms-transform: translateX(calc(100% + 110px));
  -o-transform: translateX(calc(100% + 110px));
  transform: translateX(calc(100% + 110px));
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year:nth-child(2n) {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year:nth-child(2n) .uj_boxcont_block:before {
  left: -8px;
  right: auto;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year:nth-child(2n) .uj_boxcont_block:after {
  left: -65px;
  right: auto;
}

@media (width <= 767px) {
  main .univarietysJourney .univarietysJourneyWrap .uj_boxcont .uj_year:nth-child(2n) .uj_boxcont_block:after {
    left: -38px;
  }
}

main .univarietysJourney .univarietysJourneyWrap .uj_boxcont h3 {
  color: #5bae47;
  margin: 10px 0 60px;
  font-size: 60px;
}

main .univariety_story {
  background: #0d3453;
  padding: 100px 0;
}

@media (width <= 767px) {
  main .univariety_story {
    padding: 50px 0;
  }
}

main .univariety_story .nelson-quote {
  border-bottom: 1px solid #051929;
  margin: 0 0 60px;
  padding: 0 120px 40px;
}

@media (width <= 850px) {
  main .univariety_story .nelson-quote {
    margin: 0 0 30px;
    padding: 0 20px 40px;
  }
}

main .univariety_story .nelson-quote .quote {
  color: #fff;
  text-align: left;
  margin-top: 35px;
  font-size: 25px;
  position: relative;
}

main .univariety_story .nelson-quote .quote:before {
  content: " \"";
  color: #5bae47;
  z-index: 0;
  font-size: 216px;
  font-weight: 800;
  line-height: 216px;
  position: absolute;
  top: -56px;
  left: -31px;
}

main .univariety_story .nelson-quote .quote span {
  z-index: 1;
  position: relative;
}

main .univariety_story .nelson-quote .quote span.font-18 {
  font-size: 18px;
}

main .univariety_story .white-block {
  background: #fff;
  border-radius: 4px;
  width: 77%;
  margin: 0 0 0 23%;
  padding: 45px 80px 45px 110px;
  font-size: 18px;
}

@media (width <= 850px) {
  main .univariety_story .white-block {
    width: 100%;
    margin: 0;
    padding: 30px;
  }
}

main .univariety_story .ceo_bio h3 {
  margin: 25px 0 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 37px;
}

@media (width <= 575px) {
  main .univariety_story .ceo_bio h3 {
    text-align: center;
  }
}

main .univariety_story .ceo_bio p.post {
  color: #fff;
  border-bottom: 7px solid #5bae47;
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
}

main .univariety_story .ceo_bio .brife P {
  color: #fff;
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

main .univariety_story .ceo_bio .brife P:not(:last-child) {
  margin: 0 0 25px;
}

main .univariety_story .ceo_bio .brife h3 {
  text-align: left;
  margin: 30px 0 0;
  padding: 30px 0 0;
  font-weight: 400;
  line-height: 33px;
  position: relative;
}

main .univariety_story .ceo_bio .brife h3:before {
  content: "";
  z-index: 2;
  background: #5bae47 0 0 / 100%;
  width: 97px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

main .ourMentors {
  padding: 70px 0;
}

@media (width <= 767px) {
  main .ourMentors {
    padding: 50px 0;
  }
}

main .ourMentors .mentor_brife_wrap {
  position: relative;
}

main .ourMentors .mentor_brife_wrap:before {
  content: "";
  z-index: 2;
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/ourmentor02_lt.svg") 0 0 / 100% no-repeat;
  width: 42px;
  height: 33px;
  position: absolute;
  top: -13px;
  left: 8px;
}

main .ourMentors .mentor_brife_wrap .mentor_brife_img:before {
  content: "";
  z-index: 2;
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/ourmentor02_rt.svg") 0 0 / 100% no-repeat;
  width: 66px;
  height: 65px;
  position: absolute;
  top: -22px;
  right: 14px;
}

main .ourMentors .mentor_brife_wrap .mentor_brife_img:after {
  content: "";
  z-index: 2;
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/ourmentor02_rb.svg") 0 0 / 100% no-repeat;
  width: 53px;
  height: 36px;
  position: absolute;
  bottom: -18px;
  right: 28px;
}

main .ourMentors .mentor_brife h3 {
  margin: 0;
  padding: 30px 0 15px;
  font-weight: 600;
}

main .ourMentors .mentor_brife h4 {
  color: #373737;
  border-bottom: 3px solid #5bae47;
  margin: 0 0 20px;
  padding: 0 0 20px;
  font-size: 18px;
  line-height: 25px;
}

main .ourMentors .mentor_brife h4 span {
  font-weight: 600;
}

main .ourMentors .mentor_brife h4 em {
  font-weight: 400;
}

main .ourMentors .mentor_brife p {
  text-align: left;
  font-size: 18px;
}

main .meetTheTeam {
  background: #0d3453;
  padding: 70px 0;
}

@media (width <= 767px) {
  main .meetTheTeam {
    padding: 50px 0;
  }
}

main .meetTheTeam .person-quote {
  border-bottom: 1px solid #051929;
  margin: 0 0 60px;
  padding: 0 120px 40px;
}

@media (width <= 850px) {
  main .meetTheTeam .person-quote {
    margin: 0 0 30px;
    padding: 0 20px 40px;
  }
}

main .meetTheTeam .person-quote .quote {
  color: #fff;
  text-align: left;
  margin-top: 35px;
  font-size: 25px;
  position: relative;
}

main .meetTheTeam .person-quote .quote:before {
  content: " \"";
  color: #5bae47;
  z-index: 0;
  font-size: 216px;
  font-weight: 800;
  line-height: 216px;
  position: absolute;
  top: -56px;
  left: -31px;
}

main .meetTheTeam .person-quote .quote span {
  z-index: 1;
  position: relative;
}

main .meetTheTeam .person-quote .quote span.font-18 {
  font-size: 18px;
}

main .meetTheTeam #team_mate {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1%;
  display: flex;
}

main .meetTheTeam #team_mate > .item {
  margin: 0 1% 25px;
}

main .meetTheTeam .teammate .main_container {
  background: #fff;
  border-radius: 4px;
  min-width: 277px;
  max-width: 277px;
  height: 100%;
  overflow: hidden;
}

main .meetTheTeam .teammate .main_container .mate_name_position {
  padding: 20px;
}

main .meetTheTeam .teammate .main_container .mate_name_position h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

main .meetTheTeam .teammate .main_container .mate_name_position h4 {
  letter-spacing: 0;
  color: #676972;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

main .meetTheTeam .teammate .main_container .mate_name_position .plus {
  width: 16px;
  height: 16px;
  margin: 6px 0 0;
  position: relative;
}

main .meetTheTeam .teammate .main_container .mate_name_position .plus:before {
  content: "";
  background: #5bae47;
  width: 16px;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0;
}

main .meetTheTeam .teammate .main_container .mate_name_position .plus:after {
  content: "";
  background: #5bae47;
  width: 2px;
  height: 16px;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
}

main .meetTheTeam .teammate .main_container .mate_brife {
  background: #fff;
  border-bottom: 2px solid #f1f5f8;
  height: 100%;
  padding: 20px;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 100%;
}

main .meetTheTeam .teammate .main_container .mate_brife .scrollMe {
  scrollbar-width: thin;
  max-height: 225px;
  padding-right: 10px;
  overflow-y: scroll;
}

main .meetTheTeam .teammate .main_container .mate_brife p {
  text-align: left;
  margin-bottom: 15px;
  font-size: 15px;
}

main .meetTheTeam .teammate .main_container .mate_brife p:last-child {
  margin-bottom: 0;
}

main .meetTheTeam .teammate .main_container:hover .mate_brife {
  top: 0;
}

main .meetTheTeam .teammate .main_container:hover .mate_name_position .plus:after {
  transition: all .3s ease-in-out;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

main .backedBy {
  padding: 70px 0;
}

@media (width <= 767px) {
  main .backedBy {
    padding: 50px 0;
  }
}

main .backedBy h2 {
  margin-bottom: 45px;
}

@media (width <= 767px) {
  main .backedBy h2 {
    margin-bottom: 20px;
  }
}

main .backedBy h2 span {
  font-size: 80%;
  display: block;
}

main .backedBy h3 {
  margin-bottom: 20px;
  font-size: 25px;
}

main .backedBy p {
  text-align: left;
  color: #000;
  font-size: 18px;
}

main .backedBy .green-box {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #5bae47;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 50px;
}

main .backedBy .green-box p {
  font-size: 25px;
  font-weight: 300;
}

main .univarietyCulture {
  background: #0d3453;
  padding: 70px 0 0;
  position: relative;
}

@media (width <= 767px) {
  main .univarietyCulture {
    padding: 50px 0 0;
  }
}

main .univarietyCulture .univarietyCultureWrap {
  padding: 0 0 170px;
  position: relative;
}

@media (width <= 767px) {
  main .univarietyCulture .univarietyCultureWrap {
    padding: 0 0 40px;
  }
}

main .univarietyCulture .univarietyCultureWrap .white-box {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 35px;
}

main .univarietyCulture .univarietyCultureWrap .white-box h3 {
  font-size: 30px;
  font-weight: 600;
}

main .univarietyCulture .univarietyCultureWrap .white-box p {
  text-align: left;
  color: #000;
  font-size: 18px;
  line-height: 24px;
}

main .univarietyCulture .univarietyCultureWrap .white-box p:not(:last-child) {
  margin: 0 0 15px;
}

main .univarietyCulture .sectionImg {
  position: absolute;
  bottom: 0;
  right: -90px;
}

@media (width <= 767px) {
  main .univarietyCulture .sectionImg {
    position: static;
  }
}

main .awardsRecognition {
  padding: 70px 0;
}

@media (width <= 767px) {
  main .awardsRecognition {
    padding: 50px 20px;
  }
}

main .awardsRecognition .awardsNumber {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/dotted_bg.png") 0 100% repeat-x;
  margin-bottom: 60px;
  padding-bottom: 80px;
}

main .awardsRecognition .awardsNumber .border-block {
  border: 1px solid #c0d9ec;
  border-radius: 4px;
  height: 100%;
  padding: 40px;
  position: relative;
}

main .awardsRecognition .awardsNumber .border-block:before {
  content: attr(data-award);
  z-index: 1;
  color: #5cae48;
  font-size: 150px;
  font-weight: 800;
  line-height: 150px;
  position: absolute;
  bottom: -35px;
  left: -20px;
}

main .awardsRecognition .awardsNumber .border-block h3 {
  min-height: 75px;
  font-size: 30px;
  font-weight: 600;
}

main .awardsRecognition .awardsNumber .border-block h3 span {
  font-size: 16px;
  font-weight: 400;
}

main .awardsRecognition .awardsNumber .border-block p {
  text-align: left;
  color: #000;
  padding: 0 0 0 50px;
}

main .awardsRecognition .pathSection p {
  text-align: left;
  color: #000;
  margin: 0;
  font-size: 18px;
}

main .awardsRecognition .pathSection p:not(:last-child) {
  margin: 0 0 15px;
}

main .contactMails {
  background: #0d3453;
  padding: 70px 0;
}

@media (width <= 767px) {
  main .contactMails {
    padding: 50px 20px;
  }
}

main .contactMails .callout {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

main .contactMails .callout .icon {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: auto;
  top: -32px;
  left: 0;
  right: 0;
  box-shadow: 0 3px 6px #0000001a;
}

main .contactMails .callout p {
  font-size: 14px;
  font-weight: 500;
}

main .contactMails .callout a {
  color: #0d3453;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

main .contactMails .callout a:hover {
  color: #5bae47;
}

main .contactForm {
  background: linear-gradient(0deg, #fff 50%, #d1f1ff 100%) 0 0 / 100% 580px no-repeat padding-box padding-box;
  padding: 70px 0;
}

@media (width <= 767px) {
  main .contactForm {
    padding: 50px 20px;
  }
}

main .contactForm h3 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

main .contactForm .greenListBlock {
  scrollbar-width: thin;
  margin-bottom: 30px;
  overflow: auto visible;
}

main .contactForm .greenListBlock::-webkit-scrollbar {
  height: 4px;
}

main .contactForm .greenListBlock::-webkit-scrollbar-track {
  background: #f1f1f1;
}

main .contactForm .greenListBlock::-webkit-scrollbar-thumb {
  background: #888;
}

main .contactForm .greenListBlock::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main .contactForm .greenListBlock ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (width <= 767px) {
  main .contactForm .greenListBlock ul {
    margin-bottom: 15px;
    display: flex;
  }
}

main .contactForm .greenListBlock ul li {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  color: #fff;
  background: #5cae48;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 20px 20px 50px;
  font-size: 18px;
  position: relative;
}

@media (width <= 767px) {
  main .contactForm .greenListBlock ul li {
    min-width: 270px;
    padding: 15px 15px 15px 50px;
  }
}

main .contactForm .greenListBlock ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media (width <= 767px) {
  main .contactForm .greenListBlock ul li:not(:last-child) {
    margin: 0 10px 0 0;
  }
}

main .contactForm .greenListBlock ul li i {
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  left: 20px;
}

@media (width <= 767px) {
  main .contactForm .greenListBlock ul li i {
    top: 18px;
  }
}

main .contactForm .greenListBlock ul li i:before {
  content: "";
  border-bottom: 3px solid #5bae47;
  border-left: 3px solid #5bae47;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 6px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

main .contactForm .FormTab_scroll {
  scrollbar-width: thin;
  margin-bottom: 30px;
  overflow: auto visible;
}

main .contactForm .FormTab_scroll::-webkit-scrollbar {
  height: 4px;
}

main .contactForm .FormTab_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

main .contactForm .FormTab_scroll::-webkit-scrollbar-thumb {
  background: #888;
}

main .contactForm .FormTab_scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main .contactForm .nav-tabs {
  border-bottom: 0 solid #0000;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  margin: 0 0 20px;
}

main .contactForm .nav-tabs .nav-item:not(:last-child) {
  margin: 0 10px 0 0;
}

main .contactForm .nav-tabs .nav-item .nav-link {
  color: #0d3453;
  text-transform: uppercase;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  background-color: #fff;
  border-color: #b6d7f1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 22px;
  font-size: 18px;
  font-weight: 500;
  transition: all .3s ease-in-out;
  position: relative;
}

main .contactForm .nav-tabs .nav-item .nav-link:after {
  content: "";
  opacity: 0;
  border-top: 8px solid #0000;
  border-left: 12px solid #0000;
  border-right: 12px solid #0000;
  width: 0;
  height: 0;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

main .contactForm .nav-tabs .nav-item .nav-link.active, main .contactForm .nav-tabs .nav-item .nav-link:hover {
  color: #fff;
  background-color: #0d3453;
  border-color: #0d3453;
}

main .contactForm .nav-tabs .nav-item .nav-link.active:after, main .contactForm .nav-tabs .nav-item .nav-link:hover:after {
  opacity: 1;
  border-top: 8px solid #0d3453;
  bottom: -7px;
}

main .contactForm .tab-content form {
  width: 90%;
  max-width: 650px;
  margin: 0 auto;
}

main .contactForm .tab-content form p {
  font-size: 13px;
  font-weight: 500;
}

main .contactForm .tab-content form .form-label {
  width: 180px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}

main .contactForm .tab-content form .form-control {
  background: #fff;
  border: 1px solid #bacfde;
  border-radius: 4px;
  height: 50px;
  padding: 0 0 0 10px;
  line-height: 50px;
}

main .contactForm .tab-content form .form-select {
  border: 1px solid #bacfde;
  border-radius: 4px;
  height: 50px;
  padding: 0 0 0 10px;
  line-height: 50px;
}

main .contactForm .tab-content form textarea.form-control {
  height: 80px;
  min-height: calc(1.5em + .75rem + 2px);
}

main .contactForm .tab-content form .btn-submit {
  color: #fff;
  border-radius: 23px;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

main .contactForm .tab-content form .btn-submit.grdGreenBlue:before {
  content: "";
  background: linear-gradient(271deg, #26a7df 0%, #5bae47 100%) no-repeat padding-box padding-box;
  width: 110%;
  height: 400%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .contactForm .tab-content form .btn-submit.grdOrangeGold {
  width: 196px;
}

main .contactForm .tab-content form .btn-submit.grdOrangeGold:before {
  content: "";
  background: linear-gradient(271deg, #f05a2a 0%, #f8b018 100%) no-repeat padding-box padding-box;
  width: 110%;
  height: 400%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .contactForm .tab-content form .btn-submit.grdBlueLavender {
  width: 196px;
}

main .contactForm .tab-content form .btn-submit.grdBlueLavender:before {
  content: "";
  background: linear-gradient(271deg, #51499c 0%, #26a7df 100%) no-repeat padding-box padding-box;
  width: 150%;
  height: 600%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

main .contactForm .tab-content form .btn-submit:hover:before {
  transform: translate3d(-50%, -50%, 0)rotate(-180deg);
}

main .contactForm .tab-content form .btn-submit span {
  padding-top: 2px;
  position: relative;
}

main .faqSectionWrap .faqSection {
  padding: 70px 0;
}

main .faqSectionWrap .faqSection h2 {
  margin-bottom: 20px;
}

main .faqSectionWrap .faqSection .accordion-item {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

main .faqSectionWrap .faqSection .accordion-item:not(:last-child) {
  border-bottom: 1px solid #70707033;
}

main .faqSectionWrap .faqSection .accordion-item .accordion-button {
  box-shadow: none;
  color: #000;
  background: none;
  border: 0;
  font-size: 20px;
  font-weight: 500;
}

main .faqSectionWrap .faqSection .accordion-item .accordion-button:after {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/arrow.png") no-repeat;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}

main .faqSectionWrap .faqSection .accordion-item .accordion-button[aria-expanded="true"]:after {
  -webkit-transform: translateY(-2px)rotate(180deg);
  -moz-transform: translateY(-2px)rotate(180deg);
  -ms-transform: translateY(-2px)rotate(180deg);
  -o-transform: translateY(-2px)rotate(180deg);
  transform: translateY(-2px)rotate(180deg);
}

main .faqSectionWrap .faqSection .accordion-item p, main .faqSectionWrap .faqSection .accordion-body, main .faqSectionWrap .faqSection .accordion-body p {
  color: #000;
  font-size: 18px;
}

main .faqSectionWrap .faqSection .accordion-body a {
  color: #5bae47;
  transition: all .3s ease-in-out;
}

main .faqSectionWrap .faqSection .accordion-body a:hover {
  color: #26a7df;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-item {
  background: none;
  border: 0;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-item:not(:last-child) {
  border-bottom: 1px solid #70707033;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-item .accordion-button {
  box-shadow: none;
  color: #fff;
  background: none;
  border: 0;
  font-size: 20px;
  font-weight: 500;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-item .accordion-button:after {
  filter: invert();
  webkit-filter: invert(1);
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-item p, main .faqSectionWrap .faqSection.bg_darkblue .accordion-body, main .faqSectionWrap .faqSection.bg_darkblue .accordion-body p {
  color: #fff;
  font-size: 18px;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-body a {
  color: #5bae47;
  transition: all .3s ease-in-out;
}

main .faqSectionWrap .faqSection.bg_darkblue .accordion-body a:hover {
  color: #26a7df;
}

main .privacyPolicyHeader p.font-25 {
  font-size: 25px;
  font-weight: 500;
}

main .privacyPolicyHeader p.font-18 {
  margin: 0;
  font-size: 18px;
}

main .privacyPolicyHeader p.font-18:not(:last-child) {
  margin-bottom: 18px;
}

main .privacyPolicy {
  background: linear-gradient(#d1f1ff 0%, #fff 13%);
  padding: 70px 0;
}

@media (width <= 767px) {
  main .privacyPolicy {
    padding: 50px 0;
  }
}

main .privacyPolicy h2 {
  text-align: left;
  margin-top: 20px;
  font-size: 25px;
}

main .privacyPolicy p {
  text-align: left;
  color: #000;
  margin: 0 0 15px;
  font-size: 18px;
}

main .privacyPolicy th {
  font-weight: 500;
}

main .refundPolicy {
  padding: 70px 0;
}

@media (width <= 767px) {
  main .refundPolicy {
    padding: 50px 0;
  }
}

footer .footer-row {
  border-bottom: 1px solid #071f31;
  margin: 0 0 40px;
  padding: 0 0 40px;
}

footer .footer-row:last-child {
  border-bottom: 0 solid #071f31;
  margin: 0;
  padding: 0;
}

footer .footer-row p {
  margin: 0 0 25px;
}

footer .footer-row ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer .footer-row ul li {
  font-weight: 400;
}

footer .footer-row ul li:not(:last-child) {
  margin: 0 0 10px;
}

footer .footerlinkcont a {
  font-weight: 600;
  text-decoration: underline;
}

footer .footerlinkcont a:hover {
  text-decoration: none;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: #fff;
  text-decoration: underline;
}

footer .social-links a:not(:last-child) {
  margin-right: 5px;
}

#video_pop button.btn-close {
  opacity: 1;
  z-index: 999;
  -o-transition: all .3s ease-in-out;
  background-size: 40%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff !important;
}

#video_pop button.btn-close:hover {
  background-color: #5cae48 !important;
}

#video_pop button.btn-close span {
  display: none;
}

#form_popup .modal-header {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/website/images/mask-group-18962.svg") no-repeat;
}

#form_popup .modal-header h2 {
  text-shadow: 10px 10px 20px #fff;
}

#form_popup .form-control, #form_popup .form-select {
  height: 50px;
}

.btn-submit {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background: #5cae48;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 160px;
  height: 50px;
  padding: 0 18px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.btn-submit:hover {
  color: #fff;
  background: #25461d;
}

.searchwrap {
  background: #f2f2f2;
  border-radius: 25px;
  flex-wrap: wrap;
  align-items: center;
  width: 90%;
  max-width: 600px;
  height: 50px;
  margin: auto auto 40px;
  display: flex;
}

.searchwrap .form-control {
  background: none;
  border: none;
  flex: 1;
  height: 100%;
}

.searchwrap .form-control:focus {
  box-shadow: none;
}

.searchwrap .btn-search {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23343a40' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='0' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 50px;
  height: 40px;
  margin: 0;
}

.caseStudiesBlock {
  background: #fff;
  border: 2px solid #0d34531a;
  border-radius: 15px;
  flex-direction: column;
  height: 100%;
  padding: 34px;
  display: flex;
}

.caseStudiesBlock .caseStudiesBlockLogo {
  justify-content: center;
  align-items: center;
  height: 90px;
  margin-bottom: 24px;
  display: flex;
}

.caseStudiesBlock p {
  text-align: left;
  flex: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.caseStudiesBlock .btn-readmore {
  letter-spacing: -.3px;
  color: #5bae47;
  text-transform: uppercase;
  margin-top: auto;
  margin-right: auto;
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  position: relative;
}

.caseStudiesBlock .btn-readmore:before {
  content: "";
  -webkit-filter: invert(51%) sepia(91%) saturate(313%) hue-rotate(63deg) brightness(98%) contrast(86%);
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/down-arrow.svg") 0 0 / 9px no-repeat;
  width: 9px;
  height: 9px;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 8px;
  right: 0;
}

.caseStudiesBlock .btn-readmore:hover {
  color: #0d3453;
}

.caseStudiesBlock .btn-readmore:hover:before {
  -webkit-filter: invert() brightness(0);
  right: -5px;
}

.btn-loadmore {
  color: #0d345380;
  background: #fff;
  border: 1px solid #0d345333;
  border-radius: 15px;
  height: 50px;
  padding: 0 38px;
  transition: all .3s ease-in-out;
}

.btn-loadmore:hover {
  color: #fff;
  background: #0d3453;
}

.videcardwrap h3 {
  margin-bottom: 15px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
}

.videcardwrap p {
  text-align: left;
  margin: 0;
  font-size: 22px;
  line-height: 30px;
}

.video-card {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  opacity: 1;
  background: #fff;
  border: 1px solid #00000024;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.video-card .video-img {
  overflow: hidden;
}

.video-card .video-img img {
  transition: all .3s ease-in-out;
}

.video-card .video-title {
  flex-wrap: wrap;
  align-items: start;
  padding: 24px 30px;
  display: flex;
}

.video-card .video-title .TitleDetail {
  width: calc(100% - 50px);
  padding-right: 30px;
}

.video-card .video-title .TitleDetail h4 {
  color: #0d3453;
  font-size: 30px;
  font-weight: 600;
  line-height: 34px;
}

.video-card .video-title .TitleDetail p {
  color: #0d3453;
  text-align: left;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.video-card .video-title .btn-play {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: all .3s ease-in-out;
  position: relative;
}

.video-card .video-title .btn-play:before {
  content: "";
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  border-left: 12px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 17px;
  left: 21px;
}

.video-card .video-title .btn-play.bg-maroon {
  background-color: #d9333d;
}

.video-card .video-title .btn-play.bg-maroon:hover {
  background: #5bae47;
}

.video-card:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.challenges {
  padding-top: 80px;
  padding-bottom: 80px;
}

.challenges h2 {
  text-align: left;
  margin: 0 0 30px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
}

.challenges h4 {
  text-align: left;
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 55px;
}

.challenges p {
  text-align: left;
  margin: 0;
  font-size: 22px;
  line-height: 30px;
}

.alumni-online-event .container-fluid:not(:last-child) {
  border-bottom: 1px solid #d6d4d4;
}

.alumni-online-event h2 {
  margin: auto;
  padding-bottom: 30px;
  position: relative;
}

.alumni-online-event h2:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/multi-color-sep.svg");
  width: 200px;
  height: 5px;
  margin: auto;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.alumni-online-event h5 {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 600;
  line-height: 45px;
}

.alumni-online-event .sub-title {
  font-size: 24px;
  font-weight: 500;
}

.alumni-online-event p {
  text-align: left;
  margin: 0;
  font-size: 22px;
  line-height: 30px;
}

.alumni-online-event .green-tick {
  margin: 0;
  padding: 0;
  list-style: none;
}

.alumni-online-event .green-tick li {
  padding-left: 24px;
  font-size: 22px;
  line-height: 30px;
  position: relative;
}

.alumni-online-event .green-tick li:not(:last-child) {
  margin-bottom: 12px;
}

.alumni-online-event .green-tick li:before {
  content: "";
  border-top: 2px solid #5bae47;
  border-right: 2px solid #5bae47;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 0;
  transform: rotate(45deg);
}

.alumni-online-event .green-tick li span.font-500 {
  font-weight: 500;
}

@media (width <= 991px) {
  .alumni-online-event .flex-sm-order-0 {
    order: -1;
  }
}

.theResult {
  padding-top: 80px;
  padding-bottom: 80px;
}

.theResult h3 {
  color: #fff;
  letter-spacing: 34.95px;
  text-align: center;
  margin-bottom: 65px;
  font-size: 30px;
  font-weight: 600;
  line-height: 45px;
}

@media (width <= 767px) {
  .theResult h3 {
    letter-spacing: 10px;
    text-indent: 10px;
  }
}

.theResult .result-list ul {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width <= 991px) {
  .theResult .result-list ul {
    justify-content: center;
  }
}

.theResult .result-list ul li {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  display: flex;
  position: relative;
}

.theResult .result-list ul li i {
  background-position: bottom;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.theResult .result-list ul li i.people {
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/people.svg");
  background-repeat: no-repeat;
}

@media (width <= 767px) {
  .theResult .result-list ul li i.people {
    height: 71px;
  }
}

.theResult .result-list ul li i.university {
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/university.svg");
  background-repeat: no-repeat;
}

@media (width <= 767px) {
  .theResult .result-list ul li i.university {
    height: 94px;
  }
}

.theResult .result-list ul li i.timing {
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/timing.svg");
  background-repeat: no-repeat;
}

@media (width <= 767px) {
  .theResult .result-list ul li i.timing {
    height: 74px;
  }
}

.theResult .result-list ul li div {
  text-align: center;
  width: 100%;
  padding: 0 30px;
}

.theResult .result-list ul li .number {
  letter-spacing: -1.63px;
  color: #f8b020;
  font-size: 65px;
  font-weight: 600;
  line-height: 70px;
}

.theResult .result-list ul li .text {
  letter-spacing: -.7px;
  color: #fff;
  margin-top: 10px;
  font-size: 28px;
  font-weight: 400;
  line-height: 31px;
}

.theResult .result-list ul li:not(:last-child) i ~ div {
  border-right: 1px solid #216baf;
}

@media (width <= 991px) {
  .theResult .result-list ul li {
    width: 50%;
  }

  .theResult .result-list ul li:nth-child(2) div {
    border: none !important;
  }

  .theResult .result-list ul li:last-child {
    margin-top: 20px;
  }
}

@media (width <= 767px) {
  .theResult .result-list ul li {
    width: 100%;
  }

  .theResult .result-list ul li:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .theResult .result-list ul li:not(:last-child):before {
    content: "";
    background-color: #216baf;
    width: 150px;
    height: 1px;
    margin: auto;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
  }

  .theResult .result-list ul li:not(:last-child) i ~ div {
    border: none;
  }

  .theResult .result-list ul li:last-child {
    margin: 0;
  }
}

.groupLovesUnivariety {
  background: linear-gradient(261deg, #ffeae2 0%, #fff8f5 33%, #fdfdff 53%, #ffefea 100%) no-repeat padding-box padding-box;
}

.groupLovesUnivariety h2 {
  margin-bottom: 50px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
}

.big-tick {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.big-tick .tick {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/checked.svg") no-repeat;
  width: 34px;
  height: 32px;
  margin-right: 10px;
}

.big-tick span {
  text-transform: capitalize;
  width: calc(100% - 45px);
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.video-btn {
  position: relative;
}

.video-btn .btn-play {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.video-btn .btn-play:before {
  content: "";
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  border-left: 10px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 17px;
  left: 21px;
}

.z1 {
  z-index: 1;
}

.univariety_main_banner {
  padding: 0;
}

.univariety_main_banner_container {
  position: relative;
}

.main_banner_text {
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 48%;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.banner_title {
  color: #fff;
  max-width: 760px;
  margin: 0 0 20px;
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
}

@media (width <= 991px) {
  .banner_title {
    font-size: 34px;
    line-height: 36px;
  }
}

@media (width <= 767px) {
  .banner_title {
    font-size: 50px;
    line-height: 59px;
  }
}

.banner_sub_title {
  color: #fff;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 30px;
}

@media (width <= 991px) {
  .banner_sub_title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
  }
}

@media (width <= 767px) {
  .banner_sub_title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
}

.btn-watch {
  color: #fff;
  text-transform: uppercase;
  background: #5cae48;
  border: 1px solid #5cae48;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s ease-in-out;
  display: inline-flex;
  text-decoration: none !important;
}

.btn-watch i {
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  position: relative;
}

.btn-watch i:before {
  content: "";
  border-top: 5px solid #0000;
  border-bottom: 5px solid #0000;
  border-left: 7px solid #5cae48;
  width: 0;
  height: 0;
  position: absolute;
  top: 6px;
  left: 9px;
}

.btn-watch:hover {
  color: #27377b;
  background: #fff;
  border-color: #fff;
}

.btn-watch:hover i {
  background: #28377c;
}

.btn-watch:hover i:before {
  border-left-color: #fff;
}

.slider_banner .preview-slider#alumni-card-slider .owl-dots {
  display: none;
}

.slider_banner .preview-slider#alumni-card-slider .owl-nav {
  margin: 0;
  display: block !important;
}

.slider_banner .preview-slider#alumni-card-slider .owl-nav button {
  background: #fff;
  border-radius: 0 6px 6px 0;
  width: 40px;
  height: 50px;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
}

.slider_banner .preview-slider#alumni-card-slider .owl-nav button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.slider_banner .preview-slider#alumni-card-slider .owl-nav button.owl-prev {
  left: 0;
}

.slider_banner .preview-slider#alumni-card-slider .owl-nav button.owl-next {
  right: 0;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.message_spotlight h2 {
  text-align: center;
  margin: 0 0 50px;
  font-size: 26px;
  position: relative;
}

.message_spotlight h2:before {
  content: "";
  background: #d42941;
  width: 60px;
  height: 3px;
  margin: auto;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: 0;
}

.message_spotlight .message_university_block h2:before {
  background: #5cae48;
}

.alumni_spotlight_block .alumni-card-wrap .alumni-card-slider .alumni-card {
  padding-top: 0;
}

.alumni-spotlight {
  background: #f2f4f7;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 8px #aeaeae;
}

.alumni-spotlight a {
  text-decoration: none;
}

.alumni-spotlight > .bg-white {
  justify-content: center;
  padding: 20px;
  display: flex;
}

.alumni-card-wrap {
  padding: 50px 0 80px;
}

.alumni-card-wrap .alumni-card-slider {
  background: #fff;
  border-radius: 10px;
  width: 90%;
  max-width: 350px;
  margin: auto;
  position: relative;
  box-shadow: 0 5px 15px #0000000d;
}

.alumni-card-wrap .alumni-card-slider:before {
  content: "";
  -ms-border-radius: 10px 10px 200px 200px / 10px 10px 40px 40px;
  -o-border-radius: 10px 10px 200px 200px / 10px 10px 40px 40px;
  background: #d42941;
  -webkit-border-radius: 10px 10px 200px 200px / 10px 10px 40px 40px;
  -moz-border-radius: 10px 10px 200px 200px / 10px 10px 40px 40px;
  border-radius: 10px 10px 200px 200px / 10px 10px 40px 40px;
  height: 75px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.alumni-card-wrap .alumni-card-slider .alumni-card {
  padding: 25px 40px;
}

.alumni-card-wrap .alumni-card-slider .alumni-card .alumni-detail {
  text-align: center;
  border-bottom: 1px solid #0b345425;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: flex;
}

.alumni-card-wrap .alumni-card-slider .alumni-card .alumni-logo {
  width: 90px;
  margin: auto;
}

.alumni-card-wrap .alumni-card-slider .owl-dots {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
}

.alumni-card-wrap .alumni-card-slider .owl-dots .owl-dot span {
  background: #fff;
  border: 1px solid #00345767;
  width: 14px;
  height: 14px;
  margin: 5px;
}

.alumni-card-wrap .alumni-card-slider .owl-dots .owl-dot.active span {
  background: #003457;
  border: 1px solid #003457;
}

.alumni-card-wrap .alumni-card-slider .owl-nav {
  display: none;
}

.alumni-card-wrap .alumni-card-slider .alumni-card .alumni-detail h3 {
  font-size: 24px;
  font-weight: 600;
}

.alumni-card-wrap .alumni-card-slider .alumni-card .alumni-detail h4 {
  font-size: 16px;
}

.alumni-img-wrap {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}

.alumni-img-wrap .alumni-img {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  border-radius: 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.alumni-img-wrap .alumni-img img {
  width: auto;
  max-width: fit-content;
  height: 100%;
}

.alumni-img-wrap label {
  position: absolute;
  top: 0;
  right: 0;
}

.alumni-detail label {
  opacity: 1;
  cursor: pointer;
  background: #fff;
  border: 1px solid #a8acaf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  transition: all .3s ease-in-out;
  display: inline-flex;
}

.alumni-detail label .pencil-edit {
  -webkit-filter: invert(61%) sepia(65%) saturate(7465%) hue-rotate(205deg) brightness(103%) contrast(101%);
  background-size: 13px;
  transition: all .3s ease-in-out;
}

.alumni-detail label:hover {
  background: #a8acaf;
}

.alumni-detail label:hover .pencil-edit {
  -webkit-filter: invert() sepia() saturate(20%) hue-rotate(333deg) brightness(104%) contrast(107%);
  background-size: 13px;
}

@media (width >= 991px) {
  .half-pink:after {
    content: "";
    background: #ffeff1;
    width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

.alumni_network {
  background: #fff;
}

.alumni_network .sub-title {
  color: #2d2d2d;
  text-align: center;
  margin: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.alumni_network_count {
  scrollbar-width: thin;
  padding-bottom: 8px;
  overflow: auto hidden;
}

.alumni_network_count::-webkit-scrollbar {
  height: 4px;
}

.alumni_network_count::-moz-scrollbar {
  height: 4px;
}

.alumni_network_count::-webkit-scrollbar-track {
  background: #ccc;
}

.alumni_network_count::-webkit-scrollbar-thumb {
  background-color: #666;
  border: 2px solid #666;
  border-radius: 20px;
}

.alumni_network_count ul {
  justify-content: start;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.alumni_network_count li {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #0034571a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 220px;
  min-width: 220px;
  padding: 40px 20px;
  display: flex;
  box-shadow: 0 3px 6px #0000001a;
}

.alumni_network_count li:not(:last-child) {
  margin-right: 10px;
}

.alumni_network_count li b {
  color: #5cae48;
  font-size: 45px;
  line-height: 60px;
}

.alumni_network_count li p {
  text-align: center;
  opacity: 1;
  color: #0b3454;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin: 7px 0 0 !important;
}

.x-scroll {
  scrollbar-width: thin;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: auto hidden;
}

.x-scroll::-webkit-scrollbar {
  height: 4px;
}

.x-scroll::-moz-scrollbar {
  height: 4px;
}

.x-scroll::-webkit-scrollbar-track {
  background: #ccc;
}

.x-scroll::-webkit-scrollbar-thumb {
  background-color: #666;
  border: 2px solid #666;
  border-radius: 20px;
}

.welcome .custom_tab .nav {
  border-bottom: 2px solid #e4edf4;
  justify-content: space-between;
  min-width: 950px;
  margin: 0;
  display: flex;
}

.welcome .custom_tab .nav .nav-item {
  border: 0;
  margin: 0;
}

.welcome .custom_tab .nav .nav-item .nav-link {
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  background: none;
  margin: 0;
  padding: 23px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s ease-in-out;
  position: relative;
  overflow: visible;
  border: 0 !important;
}

.welcome .custom_tab .nav .nav-item .nav-link:before {
  content: "";
  background: #5cae48;
  border-radius: 0;
  width: 0;
  height: 5px;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}

.welcome .custom_tab .nav .nav-item .nav-link:after {
  display: none;
}

.welcome .custom_tab .nav .nav-item .nav-link.active {
  color: #5cae48;
}

.welcome .custom_tab .nav .nav-item .nav-link.active:before {
  width: 100%;
}

.welcome .custom_tab .nav .nav-item .nav-link:hover {
  color: #000;
}

.welcome .custom_tab .tab-content {
  background: none;
  border: none;
  padding: 40px 0 0;
}

.welcome .custom_tab .nav-tabs > li.active > a:focus, .welcome .nav-tabs > li > a:hover {
  background: none;
}

.custom_tab {
  margin-top: 30px;
}

.custom_tab h3 {
  text-transform: capitalize;
  margin: 0 0 28px;
  padding-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
  color: #000 !important;
}

.checked-list {
  margin: 0 0 30px;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  list-style: none;
}

.checked-list li {
  color: #000;
  padding: 0 0 0 26px;
  font-size: 18px;
  line-height: 26px;
  position: relative;
}

.checked-list li:not(:last-child) {
  margin-bottom: 24px;
}

.checked-list li:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/check.svg") no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  left: 0;
}

.btn-signUp {
  opacity: 1;
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  text-transform: capitalize;
  background: #5cae48;
  border: 2px solid #5cae48;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-signUp:hover {
  color: #0b3454;
  background: #fff;
  border-color: #0b3454;
  text-decoration: none !important;
}

.gray-box {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #0034571a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 3px #0000001a;
}

.gray-box > div {
  position: relative;
}

.gray-box:before {
  content: "";
  background: #f0f0f0;
  height: 80px;
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  -webkit-transform: skewY(1deg);
  -moz-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  -o-transform: skewY(1deg);
  transform: skewY(1deg);
}

.gray-box .brife {
  text-align: center;
  line-height: 20px;
  position: relative;
}

.gray-box-img-wrap {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/star-graph.svg") center / 100% no-repeat;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  padding: 10px;
}

.gray-box-img-wrap .gray-box-img {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gray-box-post-date {
  text-align: center;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 14px;
  position: relative;
}

.gray-box-post-date:before {
  content: "";
  background: #53a132;
  width: 50px;
  height: 3px;
  margin: auto;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.threecardslider.owl-theme .owl-stage {
  display: flex;
}

.threecardslider.owl-theme .owl-nav button {
  background: #fff;
  border: 1px solid #0b34544d;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
}

@media (width <= 1139px) {
  .threecardslider.owl-theme .owl-nav button {
    position: relative;
    top: auto;
    bottom: auto;
    margin: 0 4px !important;
    left: auto !important;
    right: auto !important;
  }
}

.threecardslider.owl-theme .owl-nav button.owl-prev {
  left: -50px;
}

.threecardslider.owl-theme .owl-nav button.owl-next {
  right: -50px;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.threecardslider.owl-theme .owl-nav button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: 7px 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.threecardslider.owl-theme .owl-dots {
  display: none;
}

.threecardslider .item {
  height: 100%;
  padding: 4px;
}

.btn-blue .icon-play {
  background: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
}

.btn-blue .icon-play:before {
  content: "";
  border-top: 4px solid #0000;
  border-bottom: 5px solid #0000;
  border-left: 5px solid #26a7df;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 5px;
  left: 8px;
}

.btn-border-blue {
  background: #fff;
  border: 2px solid #0b3454;
  border-radius: 25px;
}

.btn-border-blue:hover {
  color: #fff;
  background: #0b3454;
}

.guiding_alumni_block {
  opacity: 1;
  -o-transition: all .7s ease-in-out;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  height: 100%;
  padding: 20px;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

.active .guiding_alumni_block {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.guiding_alumni_block .guiding_alumni_top {
  border-bottom: 1px solid #e2e2e2;
  flex-direction: column;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.guiding_alumni_profile_img_wrap {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  position: relative;
}

.guiding_alumni_profile_img_wrap .guiding_alumni_profile_img {
  margin: 0;
}

.guiding_alumni_profile_img_wrap label {
  opacity: 1;
  cursor: pointer;
  -o-transition: all .3s ease-in-out;
  background: #27a7df;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.guiding_alumni_profile_img_wrap label .pencil-edit {
  -webkit-filter: brightness(0) invert();
  background-size: 100%;
  width: 13px;
  height: 13px;
}

.guiding_alumni_block .guiding_alumni_top .guiding_alumni_profile_img {
  background: #e1e1e1;
  border-radius: 50%;
  justify-content: center;
  align-items: end;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  display: flex;
  overflow: hidden;
}

.guiding_alumni_block .guiding_alumni_top .guiding_alumni_profile_name {
  color: #0b3454;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.guiding_alumni_block .guiding_alumni_top .guiding_alumni_profile_img img {
  width: auto;
  height: 100%;
}

.guiding_alumni_block .guiding_alumni_top .guiding_alumni_profile_img.no-img img {
  height: 80%;
}

.guiding_alumni_college_cource {
  padding-top: 14px;
}

.guiding_alumni_college_cource ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}

.guiding_alumni_college_cource ul li:not(:last-child) {
  margin-bottom: 12px;
}

.guiding_alumni_college_cource ul li {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  color: #000;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  display: flex;
}

.guiding_alumni_college_cource ul li i.college {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/small-school.svg") center no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.guiding_alumni_college_cource ul li i.brifecase {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/small-brifecase.svg") center no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.guiding_alumni_college_cource ul li i.tool {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/tool.svg") center no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.guiding_alumni_college_cource ul li i.cap {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/graduation-cap.svg") center / 100% no-repeat !important;
}

.guiding_alumni_college_cource ul li i.star {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F5AE18' stroke-linecap='' stroke-linejoin='' stroke-width='1' d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-size: 18px 18px !important;
}

.guiding_alumni_college_cource ul li i.heart {
  background-color: #0000;
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/heart.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-size: 18px 18px !important;
}

.guiding_alumni_college_cource ul li i {
  font-size: 18px;
  background-size: 20px !important;
}

.guiding_alumni_college_cource ul li span {
  text-align: left;
  vertical-align: top;
  width: calc(100% - 32px);
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 17px;
}

.guiding_alumni_college_cource ul li span b {
  font-weight: 400;
  display: block;
}

.yellow-filter {
  -webkit-filter: invert(62%) sepia(61%) saturate(610%) hue-rotate() brightness(104%) contrast(92%);
}

.fourcardslider .owl-nav, .twocardslider .owl-nav {
  text-align: left;
  display: flex;
}

@media (width <= 1250px) {
  .fourcardslider .owl-nav, .twocardslider .owl-nav {
    justify-content: center;
    margin-top: 30px;
  }
}

.fourcardslider .owl-nav button, .twocardslider .owl-nav button {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff !important;
  border: 1px solid #0b34544d !important;
  margin: auto !important;
  font-size: 20px !important;
  display: flex !important;
}

@media (width <= 1250px) {
  .fourcardslider .owl-nav button, .twocardslider .owl-nav button {
    position: static;
    margin: 0 5px !important;
  }
}

.fourcardslider .owl-nav button.owl-prev, .twocardslider .owl-nav button.owl-prev {
  left: -60px;
}

.fourcardslider .owl-nav button.owl-next, .twocardslider .owl-nav button.owl-next {
  right: -60px;
}

.fourcardslider .owl-nav button span, .twocardslider .owl-nav button span {
  vertical-align: top;
  margin: -7px 0 0;
  font-size: 40px !important;
}

.fourcardslider .owl-nav [class*="owl-"]:hover, .twocardslider .owl-nav [class*="owl-"]:hover {
  color: #0b3454;
}

.fourcardslider .owl-stage, .twocardslider .owl-stage {
  display: flex;
}

.fourcardslider .owl-stage .item, .twocardslider .owl-stage .item {
  height: 100%;
}

.onboarding {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border: 2px solid #7d7d7d;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  max-width: 120px;
  height: 35px;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 16px;
}

.border-radius-6 {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.mapChart .accordion-body {
  padding: 0;
}

.mapChart .accordion-body .mapSection {
  padding: 250px 0;
  position: relative;
}

.mapChart .accordion-body .mapSection iframe {
  margin: auto;
  position: absolute;
  inset: 0;
}

.map-Search {
  z-index: 1;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  opacity: 1;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  max-width: 414px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 30px;
  box-shadow: 0 0 20px #0000001a;
}

@media (width <= 575px) {
  .map-Search {
    max-width: 260px;
  }
}

.map-Search .btn-search {
  -ms-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  opacity: 1;
  color: #fff;
  background: #0b3454;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}

.tablesection > .table {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 0;
  overflow: auto;
}

.tablesection > .table > .table {
  margin: 0;
}

.tablesection > .table > .table thead {
  color: #fff;
  background: #0b3454;
}

.tablesection > .table > .table thead th {
  text-transform: uppercase;
  vertical-align: middle;
  color: #fff;
  background-color: #0b3454;
  height: 57px;
  padding: 15px 25px;
  font-weight: 500;
}

.tablesection > .table > .table tr:last-child {
  border-color: #0000;
}

.tablesection > .table > .table tr td {
  vertical-align: middle;
  padding: 15px 25px;
}

.tablesection > .table > .table tbody th {
  vertical-align: middle;
  padding: 15px 25px;
  font-weight: 500;
}

.number-bg {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #51499c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  display: flex;
}

.btn-green {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  color: #fff;
  background: #5cae48;
  border: 0 #5cae48;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-green:before {
  content: "";
  background: #398227;
  width: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.btn-green span {
  position: relative;
}

.btn-green:hover {
  color: #fff;
}

.btn-green:hover:before {
  width: 100%;
  transition: all .3s ease-in-out;
}

.btn-blue {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-color: #26a7df;
  border: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-blue:before {
  content: "";
  background: #147ad6;
  width: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.btn-blue span {
  position: relative;
}

.btn-blue:hover {
  color: #fff;
}

.btn-blue:hover:before {
  width: 100%;
}

.job-box {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 1px solid #c3d4e2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

@media (width <= 575px) {
  .job-box .posted {
    color: #fff;
    background: #0b3454;
    border-radius: 0 6px 0 10px;
    padding: 6px 8px;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.btn-border-gray {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  color: #000;
  background: #fff;
  border: 2px solid #7d7d7d;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding: 0 25px;
  line-height: 32px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.btn-border-gray span {
  position: relative;
}

.btn-border-gray:before {
  content: "";
  background: #0b3454;
  width: 0;
  height: 100%;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.btn-border-gray:hover {
  color: #fff;
}

.btn-border-gray:hover img[src*="icon"] {
  filter: brightness(0) invert();
}

.btn-border-gray:hover:before {
  width: 100%;
}

.btn-darkblue {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background: #0b3454;
  border: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-darkblue:hover {
  color: #fff;
  background: #5cae48;
}

.btn-gold {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background: #f1ac18;
  border: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-gold:hover {
  color: #fff;
  background: #5cae48;
}

.btn-organge {
  color: #fff;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background: #f05a2a;
  border: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-organge:hover {
  color: #fff;
  background: #5cae48;
}

.circle-effect {
  border: 1px solid #dedede;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-effect:before {
  content: "";
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #08273f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: auto;
  transition: all .3s ease-in-out;
  position: absolute;
  inset: 0;
}

.circle-effect span {
  color: #0b345466;
  position: relative;
}

.circle-effect:hover span {
  color: #fff;
}

.circle-effect:hover:before {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.album_blk {
  border: 1px solid #d2d2d2;
  border-radius: 6px;
}

.album_blk .album_imgblk {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.album_blk .album_imgblk img {
  width: 100%;
  height: auto;
}

.album_imgvdo {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  top: 10px;
  right: 10px;
}

.image_tn {
  margin-bottom: 3px;
}

.image_tn:first-child {
  margin-right: 5px;
}

.image_tn > a {
  color: #e1e1e1;
  background: #00000080;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 63px;
  height: 30px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.album_contblk {
  background: #fff;
  border-radius: 6px;
  width: calc(100% - 20px);
  margin: -40px auto 0;
  padding: 20px 20px 15px;
  position: relative;
}

.album_shareblk {
  width: 60px;
  padding: 0 0 0 20px;
}

.album_shareblk > a.btn:not(:last-child) {
  margin: 0 0 5px;
}

.merchandise-block {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background: #d0cecf;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.merchandise-block.gold {
  background-color: #ffcd56;
}

.product-name-price {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: auto;
  padding: 15px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.offer-block {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background: #fff;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-left: 2px;
  overflow: hidden;
}

.offer-block .brand-logo {
  justify-content: center;
  align-items: center;
  height: 118px;
  padding: 0 20px;
  display: flex;
}

.coupon_offer {
  background: #f4faff;
  padding: 20px;
}

.btn-border-green {
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  opacity: 1;
  color: #5cae48;
  background: #fff;
  border: 2px solid #5cae48;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .3s ease-in-out;
  display: flex;
}

.btn-border-green:hover {
  color: #fff;
  background: #5cae48;
}

.alumni-block {
  border-radius: 4px;
  padding: 50px;
  box-shadow: 0 20px 40px #88949b29;
}

@media (width <= 575px) {
  .alumni-block {
    padding: 25px;
  }
}

.alumni-block:not(:last-child) {
  margin-bottom: 40px;
}

.alumni-block.monitor, .alumni-block.careerTalk {
  background: #fff;
}

.alumni-block h3 {
  color: #2d2d2d;
  margin: 0 0 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
}

.givingBackSchool {
  background-color: #f4f4f4;
}

.givingBackSchool .alumni-block p {
  color: #000;
  text-align: left;
  opacity: 1;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 20px !important;
}

.btn-interested {
  opacity: 1;
  color: #fff;
  text-transform: capitalize;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #5cae48;
  border: 2px solid #5cae48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 0 28px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-interested:hover {
  color: #0b3454;
  background: #fff;
  border-color: #0b3454;
  text-decoration: none !important;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (width <= 575px) {
  .py-100 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.radius-5 {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.radius-6 {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.radius-10 {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.radius-15 {
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.radius-20 {
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.radius-25 {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.faq-wrap .accordion {
  background: none;
  border: none;
}

.faq-wrap .accordion .accordion-item {
  color: #fff;
  background-color: #0000;
  border: none;
}

.faq-wrap .accordion-button {
  box-shadow: none;
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #2d5675;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 500;
}

.faq-wrap .accordion-button:after {
  -webkit-filter: brightness(0) invert();
}

.faq-wrap .accordion-button:not(.collapsed) {
  color: #9ce1ff;
  background-color: #0000;
}

.faq-wrap .accordion-body {
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
}

.height-45 {
  height: 45px;
}

.height-50 {
  height: 50px;
}

.height-55 {
  height: 55px;
}

.univariety-offers {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 2px #aebfd24d;
}

.step {
  height: 100%;
  padding: 40px 40px 42px;
  transition: all .3s ease-in-out;
  position: relative;
  box-shadow: 0 1px 2px #aebfd24d;
}

@media (width <= 767px) {
  .step {
    padding: 30px;
  }
}

.step:not(.Offered):after {
  content: "";
  z-index: 1;
  border-top: 20px solid #0000;
  border-bottom: 20px solid #0000;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 2px);
}

@media (width <= 767px) {
  .step:not(.Offered):after {
    inset: calc(100% - 12px) 0 auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.step .icon {
  width: 80px;
  height: 80px;
  color: var(--bs-primary);
  background-color: #0006;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0 0 18px;
  display: inline-flex;
}

.step .icon img.img-fluid {
  -webkit-filter: brightness(0) invert();
  max-width: 45px;
}

.step h3 {
  color: #fff;
  margin-bottom: 18px;
  font-size: 24px;
}

.step ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.step ul li {
  color: #fff;
  padding: 0 0 0 25px;
  font-size: 20px;
  position: relative;
}

.step ul li:before {
  content: "";
  -webkit-filter: brightness(0) invert();
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/check.svg") 0 0 / 100% no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 0;
}

.step ul li:not(:last-child) {
  margin-bottom: 5px;
}

.step p {
  text-align: left;
  color: #fff;
}

.step.highlight {
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#fb7a39", endColorstr= "#ab1010", GradientType= 1);
  background: linear-gradient(208deg, #fb7a39 0%, #ab1010 100%);
}

.step.highlight:after {
  border-left: 20px solid #df552b;
}

@media (width <= 767px) {
  .step.highlight:after {
    border-left: 20px solid #b82116;
  }
}

.step.empowering {
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#001e77", endColorstr= "#1d62c2", GradientType= 1);
  background: linear-gradient(208deg, #001e77 0%, #1d62c2 100%);
}

.step.empowering:after {
  border-left: 20px solid #0a3692;
}

@media (width <= 767px) {
  .step.empowering:after {
    border-left: 20px solid #1651af;
  }
}

.step.Offered {
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#5bae47", endColorstr= "#32831e", GradientType= 1);
  background: linear-gradient(208deg, #5bae47 0%, #32831e 100%);
}

.ration-180 {
  min-width: 180px;
  min-height: 180px;
}

.header-sub {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 30px;
  flex-wrap: wrap;
  width: 90%;
  max-width: 500px;
  height: 60px;
  display: flex;
  overflow: hidden;
}

.header-sub input {
  border: 0;
  width: calc(100% - 160px);
  padding: 0 20px;
  font-size: 18px;
}

.header-sub input:focus-visible {
  outline: none;
}

.header-sub input::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}

.header-sub input::placeholder {
  color: #666;
  font-size: 16px;
}

.header-sub input:placeholder-shown {
  color: #666;
  font-size: 16px;
}

.header-sub input:-ms-placeholder-shown {
  color: #666;
  font-size: 16px;
}

.header-sub .btn-submit {
  color: #fff;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-sub .btn-submit:before {
  content: "";
  background: linear-gradient(271deg, #26a7df 0%, #5bae47 100%) no-repeat padding-box padding-box;
  width: 110%;
  height: 400%;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.header-sub .btn-submit:hover:before {
  transform: translate3d(-50%, -50%, 0)rotate(-180deg);
}

.page-wrap {
  background: #efefef;
  flex: 1;
}

.page-wrap.template_4 {
  background-image: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/ribbon-element.png"), url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/semi-circle.svg");
  background-position: 0 -89px, right top -25px;
  background-repeat: no-repeat;
  background-size: auto, 40.1%;
  min-height: 870px;
}

@media (width <= 1500px) {
  .page-wrap.template_4 {
    background-position: -210px -84px, right top -25px;
    background-size: 95vh, 39.4%;
  }
}

@media (width <= 767px) {
  .page-wrap.template_4 {
    background-position: -140px -84px, right top -25px;
    background-size: 99vh, 125%;
  }
}

@media (width <= 575px) {
  .page-wrap.template_4 {
    background-size: 75vh, 100vh;
  }
}

.page-wrap.template_4 .title {
  color: #0d3453;
  font-size: 58px;
  font-weight: 800;
  line-height: 62px;
}

@media (width <= 1200px) {
  .page-wrap.template_4 .title {
    font-size: 50px;
    line-height: 60px;
  }
}

@media (width <= 991px) {
  .page-wrap.template_4 .title {
    font-size: 40px;
    line-height: 45px;
  }
}

@media (width <= 767px) {
  .page-wrap.template_4 .title {
    color: #fff;
  }
}

.page-wrap.template_4 p {
  font-size: 18px;
}

@media (width <= 767px) {
  .page-wrap.template_4 p {
    color: #fff;
  }
}

.page-wrap.template_4 .btn-green {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  align-items: center;
  padding: 0 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: inline-flex;
}

.page-wrap.template_4 .btn-green:before {
  display: none;
}

.page-wrap.template_4 .btn-green:hover {
  background: #0e3453;
}

.fold-wrap .fold-section {
  background: #fff;
  padding: 0;
}

.fold-wrap .fold-section:nth-child(2n) {
  background-color: #f4f6f9;
}

.fold-wrap .fold-section:nth-child(2n) .added-img {
  background: #cccdce;
}

.fold-wrap ul.listed-points {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
}

.fold-wrap ul.listed-points li {
  width: 100%;
  max-width: 550px;
  margin-bottom: 6px;
  padding-left: 24px;
  font-size: 18px;
  position: relative;
}

.fold-wrap ul.listed-points li:before {
  content: "";
  border-top: 7px solid #0000;
  border-bottom: 7px solid #0000;
  border-left: 10px solid #000;
  width: 0;
  height: 0;
  position: absolute;
  top: 7px;
  left: 0;
}

.fold-wrap .added-img {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #f4f6f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  min-height: 350px;
  margin: auto;
  display: flex;
  position: relative;
}

.fold-wrap .added-img .img-options {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  position: absolute;
  bottom: 20px;
}

.fold-wrap .added-img .img-options .img-upload {
  background: #fff;
  border-radius: 3px;
  align-items: center;
  margin-right: 10px;
  padding: 0 13px;
  display: flex;
}

.fold-wrap .added-img .img-options .img-upload .btn-browse {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.fold-wrap .added-img .img-options .img-upload .btn-browse i {
  display: flex;
}

.fold-wrap .added-img .img-options .img-upload .upload-img {
  margin-bottom: 0;
}

.fold-wrap .fold-section-ui {
  width: 90%;
  max-width: 1140px;
  margin: auto;
  padding: 70px 0;
}

@media (width <= 575px) {
  .fold-wrap .fold-section-ui {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.fold-wrap .fold-section-ui h1 {
  margin-bottom: 26px;
  font-size: 50px;
  font-weight: 600;
}

@media (width <= 575px) {
  .fold-wrap .fold-section-ui h1 {
    font-size: 32px;
  }
}

.fold-wrap .fold-section-ui p {
  color: #000;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
}

.fold-wrap .fold-section-ui img {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.fold-wrap .img-alignment .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='23343a40' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='0' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
  background-size: 15px;
  border: 0;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}

.fold-wrap .added-video {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #f4f6f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  min-height: 350px;
  margin: auto;
  display: flex;
  position: relative;
}

.fold-wrap .videoSection {
  position: relative;
}

.fold-wrap .input-group.video-link {
  z-index: 1;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #f4fbfe;
  border: 1px solid #0b34544d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: auto;
  height: 40px;
  margin: auto;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.fold-wrap .input-group.video-link .input-group-text {
  background: #f4fbfe;
  border: 0;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.fold-wrap .input-group.video-link .input-group-text i {
  margin-right: 10px;
}

.fold-wrap .input-group.video-link .form-control {
  border: none;
  height: 100%;
}

@media (width <= 575px) {
  .leftPane {
    background: #fbfbfb;
    padding: 30px;
  }
}

.leftPane h2 {
  text-align: left;
  margin-bottom: 45px;
  font-size: 50px;
  font-weight: 600;
  line-height: 54px;
  position: relative;
}

@media (width <= 575px) {
  .leftPane h2 {
    font-size: 34px;
  }
}

.leftPane h2:before {
  content: "";
  background: #d52941;
  border-radius: 6px;
  width: 65px;
  height: 6px;
  position: absolute;
  top: 109%;
  left: 0;
}

.recent_stories {
  margin: 0 80px 0 0;
  padding: 0;
  list-style: none;
}

@media (width <= 1200px) {
  .recent_stories {
    width: 100%;
    margin: 0;
  }
}

.recent_stories li {
  border-bottom: 1px solid #dedede;
  align-items: center;
  max-width: 480px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

@media (width <= 575px) {
  .recent_stories li {
    flex-direction: column;
    align-items: start;
  }
}

.recent_stories li .recent_stories_thumb {
  border-radius: 5px;
  width: 100%;
  max-width: 200px;
  overflow: hidden;
}

.recent_stories li .recent_stories_thumb img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.recent_stories li .recent_stories_detail {
  padding: 12px 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

@media (width <= 575px) {
  .recent_stories li .recent_stories_detail {
    padding: 10px 0 0;
  }
}

.recent_stories li .recent_stories_detail .date {
  opacity: .7;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  display: block;
}

.recent_stories li:hover .recent_stories_thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.recentLink {
  margin: auto;
  position: absolute;
  inset: 0;
}

.rightSideForm {
  background: #fff url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/mask-group-18962.svg") no-repeat;
  border-radius: 4px;
  max-width: 463px;
  padding: 70px 60px 43px;
  box-shadow: 0 4px 5px #00000017;
}

@media (width <= 1200px) {
  .rightSideForm {
    max-width: 100%;
  }
}

@media (width <= 575px) {
  .rightSideForm {
    padding: 70px 30px 43px;
  }
}

.rightSideForm.rightGraph {
  background: #fff url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/right-form-graph.svg") 100% 0 no-repeat;
  border: 1px solid #dbdbdb;
  max-width: 529px;
  box-shadow: 0 4px 5px #00000017;
}

.rightSideForm.rightGraph h3 {
  color: #000;
  font-size: 40px;
  font-weight: bold;
}

.bg-form {
  background: #b72134 url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/group-40752.svg") left 343px bottom no-repeat;
}

@media (width <= 991px) {
  .bg-form {
    background: #b72134 url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/group-40752.svg") left 23vw bottom no-repeat;
  }
}

.rightpane {
  padding-left: 60px;
}

@media (width <= 991px) {
  .rightpane {
    padding: 0 50px;
  }
}

@media (width <= 575px) {
  .rightpane {
    padding: 30px;
  }
}

.rightpane h3 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 35px;
}

.rightpane .form-control, .rightpane .form-select {
  border: 1px solid #bacfde;
  height: 45px;
  font-size: 16px;
  font-weight: 400;
}

.rightpane .form-control:focus, .rightpane .form-control:focus-visible, .rightpane .form-select:focus, .rightpane .form-select:focus-visible {
  outline: 1px solid #25506f;
}

.rightpane .btn-submit {
  color: #fff;
  background: #5cae48;
  width: 150px;
  height: 50px;
  transition: all .3s ease-in-out;
}

.rightpane .btn-submit:hover {
  color: #fff;
  background: #0e3453;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (width <= 575px) {
  .py-80 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bg-white.py-80 {
    padding-top: 0;
    padding-bottom: 0;
    background: #fbfbfb !important;
  }
}

.modal-body .rightSideForm {
  max-width: 100%;
}

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

.right-0 {
  right: 0;
}

body[style*="overflow"] main {
  z-index: 1;
}

.offer_wrap .wraper {
  padding: 100px 50px;
  position: relative;
  box-shadow: 0 14px 15px #00000017;
}

@media (width <= 767px) {
  .offer_wrap .wraper {
    padding: 50px 30px;
  }
}

.offer_wrap .wraper:before {
  content: "";
  z-index: 0;
  background: linear-gradient(271deg, #26a7df 0%, #188dbf 100%) no-repeat padding-box padding-box;
  width: 50%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@media (width <= 767px) {
  .offer_wrap .wraper:before {
    width: 100%;
    height: 50%;
    bottom: auto;
    left: 0;
    right: 0;
  }
}

.offer_wrap .wraper:after {
  content: "";
  z-index: 0;
  background: linear-gradient(91deg, #075991 0%, #022a46 100%) no-repeat padding-box padding-box;
  width: 50%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (width <= 767px) {
  .offer_wrap .wraper:after {
    width: 100%;
    height: 50%;
    top: auto;
    left: 0;
    right: 0;
  }
}

.offer_wrap .wraper picture {
  z-index: 1;
  position: relative;
}

.offer_wrap .wraper picture img {
  max-width: 900px;
  transition: all .3s ease-in-out;
}

.offer_wrap .wraper picture:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.brandingMarketingBlock {
  background: linear-gradient(138deg, #f2ffef 0%, #fff 100%) no-repeat padding-box padding-box;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 50px 30px;
  transition: all .3s ease-in-out;
  display: flex;
  box-shadow: 0 14px 15px #00000017;
}

@media (width <= 575px) {
  .brandingMarketingBlock {
    padding: 20px 15px;
  }
}

.brandingMarketingBlock.review {
  background: linear-gradient(41deg, #fff 0%, #fff9ec 100%) no-repeat padding-box padding-box;
}

.brandingMarketingBlock h3 {
  font-size: 23px;
  line-height: 25px;
}

.brandingMarketingBlock:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.form-img {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 230px;
  display: flex;
  overflow: hidden;
}

.form-img img {
  max-width: 50%;
}

.strip {
  position: relative;
  overflow: hidden;
}

.strip:before {
  content: "";
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #0000001a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 700px;
  height: 600px;
  position: absolute;
  top: -70px;
  right: -290px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.strip:after {
  content: "";
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #0000001a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 700px;
  height: 600px;
  position: absolute;
  top: -70px;
  right: -330px;
}

.legal-cont a {
  color: #5bae47;
}

.legal-cont a:hover {
  color: #0d3453;
  text-decoration: none;
}

.leverageAlumni .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
}

.leverageAlumni .owl-carousel .owl-stage-outer .owl-stage .item {
  height: 100%;
}

.leverageAlumni .owl-carousel .owl-nav:not(.disabled) {
  display: flex;
}

.leverageAlumni .owl-carousel .owl-nav button {
  opacity: 1;
  width: 40px;
  height: 40px;
  filter: alpha(opacity= 100);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #0d345333;
  border-radius: 15px;
  font-size: 0;
  left: -70px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.leverageAlumni .owl-carousel .owl-nav button:hover {
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.leverageAlumni .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -70px;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
}

.leverageAlumni .owl-carousel .owl-nav button.disabled {
  opacity: .5;
  filter: alpha(opacity= 50);
}

@media (width <= 1336px) {
  .leverageAlumni .owl-carousel .owl-nav button {
    left: -55px;
  }

  .leverageAlumni .owl-carousel .owl-nav button.owl-next {
    right: -55px;
  }
}

.alumni-networks-block {
  background-color: red;
  border-radius: 15px;
  flex-direction: column;
  width: 285px;
  height: 100%;
  padding: 30px;
  display: flex;
}

.alumni-networks-block .icon {
  width: 70px;
  margin-bottom: 15px;
}

.alumni-networks-block .icon img {
  -webkit-filter: brightness(0) invert();
  width: 100%;
}

.alumni-networks-block h3 {
  color: #fff;
  margin: 0 0 20px;
  font-size: 21px;
}

.alumni-networks-block ul {
  margin: 0;
  padding: 0 0 30px;
  list-style: none;
}

.alumni-networks-block ul li {
  letter-spacing: -.55px;
  color: #fff;
  padding-left: 27px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.alumni-networks-block ul li:before {
  content: "";
  -webkit-filter: brightness(0) invert();
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/tick-inside-circle.svg") 0 0 / 100% no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  left: 0;
}

.alumni-networks-block ul li:not(:last-child) {
  margin-bottom: 10px;
}

.alumni-networks-block a {
  letter-spacing: -.3px;
  color: #fff;
  text-transform: uppercase;
  margin-top: auto;
  margin-left: auto;
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  position: relative;
}

.alumni-networks-block a:before {
  content: "";
  -webkit-filter: brightness(0) invert();
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/down-arrow.svg") 0 0 / 9px no-repeat;
  width: 9px;
  height: 9px;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 8px;
  right: 0;
}

.alumni-networks-block a:hover {
  color: #0d3453;
}

.alumni-networks-block a:hover:before {
  -webkit-filter: invert() brightness(0);
  right: -5px;
}

.alumni-networks-block.lavender {
  background-color: #51499c;
}

.alumni-networks-block.blue {
  background-color: #26a7df;
}

.alumni-networks-block.red {
  background-color: #d42941;
}

.alumni-networks-block.organge {
  background-color: #f05a2a;
}

.alumni-networks-block.yellow {
  background-color: #f8b018;
}

.alumni-networks-block.green {
  background-color: #5bae47;
}

.bioImg {
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.bioImg .bioText {
  z-index: 2;
  color: #fff;
  padding: 8%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.bioImg .bioText img {
  z-index: 0;
  position: relative;
}

.bioImg .bioText h3 {
  margin: 0;
  font-size: 30px;
}

.bioImg .bioText p {
  color: #fff;
  text-align: left;
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}

.bioImg:after {
  content: "";
  z-index: 1;
  background: linear-gradient(#00345700 0%, #000 100%) no-repeat padding-box padding-box;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.featured-block {
  background: #f5f5f5;
  border-radius: 10px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.featured-block .featured-profile-detail {
  text-align: center;
  flex: 1;
  padding: 15px;
}

.featured-block .featured-profile-detail h3 {
  font-size: 16px;
  font-weight: 600;
}

.featured-block .featured-profile-detail p {
  color: #000;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
}

.ratio-36 {
  width: 36px;
  height: 36px;
}

.ratio-50 {
  width: 50px;
  height: 50px;
}

.circle-play {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}

.circle-play:before {
  content: "";
  position: absolute;
}

.circle-play.blue {
  border: 2px solid #003457;
}

.circle-play.blue:before {
  border-top: 7px solid #0000;
  border-bottom: 7px solid #0000;
  border-left: 10px solid #003457;
  top: 9px;
  left: 13px;
}

.circle-play.red {
  border: 3px solid #e7003b;
}

.circle-play.red:before {
  border-top: 10px solid #0000;
  border-bottom: 10px solid #0000;
  border-left: 15px solid #e7003b;
  top: 12px;
  left: 17px;
}

.PopularTopics .owl-theme .owl-nav {
  margin-top: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.centerZoomSlider .owl-stage-outer {
  overflow: visible;
}

@media screen and (width >= 1200px) {
  .centerZoomSlider .owl-stage-outer .item {
    align-items: center;
    min-height: 450px;
    display: flex;
  }

  .centerZoomSlider .owl-stage-outer .active {
    z-index: 1;
    position: relative;
  }

  .centerZoomSlider .owl-stage-outer .active .sliderImg {
    transform: scale(1.3);
  }

  .centerZoomSlider .owl-stage-outer .active + .active {
    z-index: 2;
  }

  .centerZoomSlider .owl-stage-outer .active + .active .sliderImg {
    transform: scale(1.5);
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center {
    z-index: 3;
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center .sliderImg {
    transform: scale(1.7);
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active {
    z-index: 2;
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active .sliderImg {
    transform: scale(1.5);
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active + .active {
    z-index: 1;
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active + .active .sliderImg {
    transform: scale(1.3);
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active + .active + .active {
    z-index: 0;
  }

  .centerZoomSlider .owl-stage-outer .active + .active + .active.center + .active + .active + .active .sliderImg {
    transform: scale(1.1);
  }
}

@media screen and (width >= 600px) {
  .centerZoomSlider .owl-stage-outer .item {
    align-items: center;
    min-height: 350px;
    display: flex;
  }

  .centerZoomSlider .owl-stage-outer .active {
    z-index: 1;
    position: relative;
  }

  .centerZoomSlider .owl-stage-outer .active .sliderImg {
    transform: scale(1.3);
  }

  .centerZoomSlider .owl-stage-outer .active + .active.center {
    z-index: 2;
  }

  .centerZoomSlider .owl-stage-outer .active + .active.center .sliderImg {
    transform: scale(1.5);
  }

  .centerZoomSlider .owl-stage-outer .active + .active.center + .active {
    z-index: 1;
  }

  .centerZoomSlider .owl-stage-outer .active + .active.center + .active .sliderImg {
    transform: scale(1.3);
  }
}

.centerZoomSlider.noNav .owl-nav {
  display: none;
}

.centerZoomSlider .owl-nav {
  margin-top: 20px;
}

.centerZoomSlider .owl-nav button {
  opacity: 1;
  width: 40px;
  height: 40px;
  filter: alpha(opacity= 100);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #0d345333;
  border-radius: 15px;
  font-size: 0;
  left: -70px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.centerZoomSlider .owl-nav button:hover {
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.centerZoomSlider .owl-nav button.owl-next {
  left: auto;
  right: -70px;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
}

@media screen and (width <= 599px) {
  .centerZoomSliderWrap {
    width: 90%;
    margin: auto;
    overflow: hidden;
  }
}

.sliderImg {
  border: 8px solid #fff;
  box-shadow: 0 16px 16px #00000029;
}

.univarietyMissionStatsWrap .univarietyMissionStats {
  justify-content: center;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.univarietyMissionStatsWrap .univarietyMissionStats li {
  flex-direction: column;
  align-items: center;
  padding: 0 50px;
  display: flex;
  position: relative;
}

.univarietyMissionStatsWrap .univarietyMissionStats li:first-child {
  padding-left: 0;
}

.univarietyMissionStatsWrap .univarietyMissionStats li:last-child {
  padding-right: 0;
}

.univarietyMissionStatsWrap .univarietyMissionStats li b {
  color: #fff;
  font-size: 60px;
  font-weight: 800;
}

.univarietyMissionStatsWrap .univarietyMissionStats li p {
  color: #fff;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 26px;
}

.univarietyMissionStatsWrap .univarietyMissionStats li:not(:last-child):after {
  content: "";
  background: #72ce5c;
  width: 1px;
  height: 80px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 575px) {
  .univarietyMissionStatsWrap .univarietyMissionStats li {
    padding: 0 30px;
  }
}

.successStories-block {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.successStories-block .icon {
  margin-bottom: 10px;
}

.successStories-block .percentage {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
}

.successStories-block h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

.successStories-block p {
  color: #fff;
}

.successStories-block + .sep {
  background: #1c5a8b;
  width: 2px;
  height: 60%;
  position: absolute;
  bottom: 0;
  right: -1px;
}

.alumniImpactCalculatorSchool {
  border-bottom: 2px solid #2c516f;
}

.alumniImpactCalculatorSchool.half-blue:after {
  content: "";
  background-color: #0d3453;
  border-bottom: 2px solid #2c516f;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool.half-blue:after {
    width: 100%;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap {
  justify-content: center;
  display: flex;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  flex-direction: column;
  align-items: center;
  width: 280px;
  min-height: 290px;
  margin: auto;
  padding: 30px;
  display: flex;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .icon img {
  width: auto;
  height: 80px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox {
    width: 280px;
    min-height: 0;
    padding: 30px;
  }
}

@media screen and (width <= 991px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox {
    flex: 1;
    min-width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 25px;
  }
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox {
    min-height: 0;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .icon img {
    width: auto;
    height: 80px;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .font-20 {
    line-height: 20px;
    font-size: 16px !important;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .rupee {
  font-size: 55px;
  font-weight: 500;
  line-height: 55px;
}

@media screen and (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .rupee {
    font-size: 36px;
    line-height: 40px;
  }
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .rupee {
    font-size: 36px;
    line-height: 40px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox.bluegradient {
  background: linear-gradient(135deg, #fff 0%, #0b3454 20%, #06253d 100%);
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox.bluegradient {
    border: 1px solid #023660;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox.goldgradient {
  background: linear-gradient(135deg, #fff7e6 0%, #f1ac18 20%, #cc962a 100%);
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox.orangegradient {
  background: linear-gradient(135deg, #ffe7e0 0%, #f05a2a 42% 100%);
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .number {
  color: #fff;
  padding: 5px 35px;
  font-size: 35px;
  font-weight: 600;
  line-height: 40px;
  position: relative;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .number {
    padding: 0 15px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .number:after {
  content: "";
  backdrop-filter: blur(14px);
  opacity: 1;
  z-index: 5;
  background: #ffffff50;
  border-radius: 89px;
  position: absolute;
  inset: 0;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox .number span {
  z-index: 0;
  position: relative;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox p {
  font-size: 18px;
  line-height: 22px;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .alumniimpactbox p .blur {
  color: #0000;
  text-shadow: 0 0 5px #ffffffe6;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap ul {
  -webkit-box-wrap: wrap;
  -moz-box-wrap: wrap;
  -webkit-wrap: wrap;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 280px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul {
    max-width: 280px;
  }
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul {
    flex-wrap: unset;
    text-align: center;
    scrollbar-width: thin;
    max-width: 100%;
    padding-bottom: 20px;
    overflow: auto visible;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul::-webkit-scrollbar {
    height: 4px;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul::-webkit-scrollbar-thumb {
    background: #888;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap ul li {
  flex-direction: column;
  display: flex;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul li {
    min-width: 210px;
    max-width: 210px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap ul li h3 {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
}

@media screen and (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul li h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul li h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul li h3.text-darkblue {
    color: #fff;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap ul li:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap ul li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 20px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .swiper {
  padding-bottom: 50px;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .swiper-pagination {
  position: static;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap .swiper-pagination .swiper-pagination-bullet {
  background-color: #869791;
  width: 10px;
  height: 10px;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view {
  width: 96%;
  max-width: 1140px;
  margin: auto;
}

@media screen and (width <= 1030px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view {
    scrollbar-width: thin;
    justify-content: start;
    overflow: auto visible;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view::-webkit-scrollbar {
    height: 4px;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view::-webkit-scrollbar-thumb {
    background: #888;
  }

  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul {
  width: 100%;
  max-width: 100%;
}

@media screen and (width <= 1030px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul {
    min-width: 996px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li {
  flex: 1;
  margin-bottom: 0;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li {
    min-width: 31.58%;
    max-width: 31.58%;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li h3 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 22px;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li h3.text-darkblue {
    color: #0d3453;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li:not(:last-child) {
  margin-right: 30px;
}

@media screen and (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li:not(:last-child) {
    margin-right: 20px;
  }
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li .alumniimpactbox {
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  padding: 20px;
}

.alumniImpactCalculatorSchool .alumniimpactboxWrap.result-view ul li .alumniimpactbox .icon img {
  height: 65px;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolLeftPane h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolLeftPane h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolLeftPane h3 {
    font-size: 22px;
    line-height: 26px;
  }
}

@media (width <= 991px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolLeftPane h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolLeftPane h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-wrap {
  max-width: 500px;
  margin: auto;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane h1 {
    margin-bottom: 40px;
    font-size: 24px;
  }
}

@media (width <= 991px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane h1 {
    margin-bottom: 40px;
    font-size: 81px;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane h1 {
    font-size: 18px;
  }
}

@media (width <= 575px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane h1 {
    font-size: 18px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .h1-sub {
  text-align: center;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .h1-sub {
    margin-bottom: 34px;
    font-size: 28px;
  }
}

@media (width <= 991px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .h1-sub {
    font-size: 26px;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .h1-sub {
    font-size: 22px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .sub {
  font-size: 28px;
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .sub {
    font-size: 22px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane p {
  color: #fff;
  width: 90%;
  max-width: 540px;
  margin: 0 auto 24px;
  font-size: 22px;
  line-height: 28px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane p {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 30px;
  }
}

@media (width <= 991px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane p {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 26px;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane p {
    font-size: 32px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane hr {
  opacity: 1;
  border-color: #2d77b1;
  max-width: 540px;
  margin: 25px auto;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .progress {
  -ms-border-radius: 216px;
  -o-border-radius: 216px;
  background-color: #03192a;
  -webkit-border-radius: 216px;
  -moz-border-radius: 216px;
  border-radius: 216px;
  width: 90%;
  max-width: 500px;
  height: 6px;
  margin: 0 auto 40px;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .progress .progress-bar {
  -ms-border-radius: 216px;
  -o-border-radius: 216px;
  background-color: #f1ac18;
  -webkit-border-radius: 216px;
  -moz-border-radius: 216px;
  border-radius: 216px;
  height: 100%;
  transition: all .3s ease-in-out;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-title {
  text-align: center;
  color: #fff;
  margin-bottom: 18px;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 32px;
}

@media (width <= 575px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-title {
    font-size: 26px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane form {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane form.max-850 {
  max-width: 850px;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-check {
  text-align: center;
  height: 100%;
  padding: 0;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-check.selected .calculator-label {
  background-color: #f1ac18;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label {
  color: #fff;
  cursor: pointer;
  background: #235c89;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  transition: all .3s ease-in-out;
  display: flex;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label[for*="location"]:after, .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label[data-bs-tooltip]:after {
  font-size: 12px;
  font-weight: 400;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.h-90 {
  height: 90px;
  font-size: 28px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.h-90 {
    height: 80px;
    font-size: 24px;
  }
}

@media (width <= 1200px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.h-90 {
    height: 70px;
    font-size: 20px;
  }
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label .font-20 {
    font-size: 16px !important;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label {
    height: 100px;
    font-size: 24px;
  }
}

@media (width <= 575px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label {
    font-size: 20px;
    font-weight: 500;
  }

  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label .font-20 {
    font-size: 16px !important;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.mt-90 {
  margin-top: 80px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.mt-90 {
    margin-top: 60px;
  }
}

@media (width <= 1200px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.mt-90 {
    text-align: center;
    border-radius: 35px;
    width: auto;
    min-width: 300px;
    height: 60px;
    margin: 0;
    padding: 0 20px;
    font-size: 22px;
    display: inline-block;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.mt-90 {
    font-size: 20px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.school {
  background-color: #26a7df;
  min-width: 160px;
  max-width: 160px;
  height: 40px;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.school img {
  margin: 0 0 -2px -30px;
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.school img {
    width: 25%;
  }
}

@media (width <= 1200px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.school img {
    width: 24%;
    display: none;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.college-university {
  background-color: #51499c;
  min-width: 160px;
  max-width: 160px;
  height: 40px;
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.college-university img {
  margin: 0 0 -13px -70px;
}

@media (width <= 1200px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.college-university img {
    display: none;
  }
}

@media (width <= 1499px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.college-university img {
    width: 45%;
  }
}

@media (width <= 767px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.college-university img {
    width: 40%;
    margin: 0 0 -7px -35px;
  }
}

@media (width <= 575px) {
  .alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .calculator-label.radius-10 {
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
}

.alumniImpactCalculatorSchool .alumniImpactCalculatorSchoolRightPane .form-check-input:checked ~ .calculator-label {
  background-color: #f1ac18;
}

.resultbox {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 35px;
  display: flex;
}

@media screen and (width <= 991px) {
  .resultbox {
    padding: 20px;
  }
}

.resultbox .rupee {
  font-size: 45px;
  font-weight: 500;
  line-height: 45px;
}

.resultbox.bluegradient {
  background: linear-gradient(135deg, #fff 0%, #0b3454 20%, #06253d 100%);
}

.resultbox.goldgradient {
  background: linear-gradient(135deg, #fff7e6 0%, #f1ac18 20%, #cc962a 100%);
}

.resultbox.orangegradient {
  background: linear-gradient(135deg, #ffe7e0 0%, #f05a2a 42% 100%);
}

.resultbox .number {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
}

.min-mt-25 {
  margin-top: -25px;
}

.font-120 {
  font-size: 120px;
}

@media screen and (width <= 575px) {
  .font-120 {
    font-size: 60px;
  }
}

.bg_growth {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/growth_calculator.png") top no-repeat;
}

.bg-fundraising {
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.com/globalcareercounsellor/icon-fundraising-new.png") 50% 25% / 70% no-repeat;
}

.right-student {
  width: 21%;
  position: absolute;
  bottom: 4%;
  left: 85%;
}

.left-student {
  width: 57%;
  position: absolute;
  bottom: 3%;
  right: 69%;
}

.alert.green-tick ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.alert.green-tick ul li {
  letter-spacing: -.55px;
  padding-left: 27px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

.alert.green-tick ul li:before {
  content: "";
  background: url("https://s3.ap-south-1.amazonaws.com/media.univariety.xyz/images/tick-inside-circle.svg") 0 0 / 100% no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  left: 0;
}

.alert.green-tick ul li:not(:last-child) {
  margin-bottom: 7px;
}

.sticky-button {
  -ms-border-radius: 55px;
  -o-border-radius: 55px;
  background: #03192a;
  -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px;
  width: 330px;
  margin: auto;
  padding: 10px;
  position: sticky;
  bottom: 20px;
}

.sticky-button .btn-light {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  height: 40px;
  padding: 0 30px 0 20px;
}

.sticky-button .btn-light.padding-reverse {
  padding: 0 20px 0 30px;
}

.sticky-button .btn-green {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  height: 40px;
  padding: 0 20px 0 30px;
}

.sticky-button .btn-green[disabled] {
  color: #000;
  background: #fff9;
}

body:not(.modal-open) .modal-backdrop {
  display: none;
}


/*# sourceMappingURL=_6ae80b7b._.css.map*/